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

function ButtonData({ loading }) {
    return (
        <div className="flex mt-[48px] md:mt-0 items-center justify-center md:justify-end gap-[16px] sm:gap-[16px] md:gap-[20px] lg:gap-[24px]">
            <ModalDeleteComment loading={loading} />
            <Button
                className="!rounded-[4px] !shadow-none !gap-[4px] !py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px]"
                disabled={loading}
                variant="contained"
            >
                <EditTurnsD />
                ویرایش نوبت
                <div className="mr-[4px]">
                    <ArrowLeftD />
                </div>
            </Button>
        </div>
    )
}

export default ButtonData