import ArrowLeftPU from "@/components/icons/ArrowLeftPU";
import ProfileP from "@/components/icons/ProfileP";
import { Button } from "@mui/material";

function Head() {
  return (
    <div className="flex items-center justify-center md:justify-start gap-[10px]">
      <div className="p-[24px] grid place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full">
        <ProfileP />
      </div>
      <Button
        variant="text"
        className="!flex !p-1 !text-[#525252] !text-[14px] md:!text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
      >
        انتخاب تصویر
        <ArrowLeftPU />
      </Button>
    </div>
  );
}

export default Head;