import DoneAllOutlined from "@mui/icons-material/DoneAllOutlined";
import { Button } from "@/shared/ui/Button.jsx";
import { PageHead } from "@/shared/ui/PageHead.jsx";

export function NotificationToolbar({ canReadAll, onReadAll, unread }) {
  return (
    <PageHead title="通知中心" meta={`未读 ${unread || 0} 条`}>
      {canReadAll ? (
        <Button onClick={onReadAll}>
          <DoneAllOutlined fontSize="small" />
          全部已读
        </Button>
      ) : null}
    </PageHead>
  );
}