import ArrowRightS from "@/components/icons/ArrowRightS";
import ArrowLeftD from "@/components/icons/ArrowLeftD";
import EditTurnsD from "@/components/icons/EditTurnsD";
import { Button } from "@mui/material";
import ModalDeleteComment from "./modal";

function Head({ user, setIsTurnsDetails }) {
    return (
        <div className="flex items-center justify-between">
            <div className="flex items-center justify-start gap-[24px]">
                <Button
                    onClick={() => setIsTurnsDetails(false)}
                    className="!p-[6px] !border !border-solid !border-[#EFEFEF] !rounded-[4px] !min-w-0"
                >
                    <ArrowRightS />
                </Button>
                <p className="text-[#3B3B3B] text-[20px] font-bold">جزئیات نوبت شما</p>
            </div>
            <div className="flex items-center justify-end gap-[24px]">
                <ModalDeleteComment />
                <Button
                    className="!rounded-[4px] !shadow-none !gap-[4px] !py-[8px] !px-[12px]"
                    variant="contained"
                >
                    <EditTurnsD />
                    ویرایش نوبت
                    <div className="mr-[4px]">
                        <ArrowLeftD />
                    </div>
                </Button>
            </div>
        </div>
    )
}

export default Head