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;
