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-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-[16px] !font-medium !items-center !justify-center !gap-[4px]"
            >
                انتخاب تصویر
                <ArrowLeftPU />
            </Button>
        </div>
    )
}

export default Head