import React from "react";
import Modal from "../elements/Modal";
import toast from "react-hot-toast";
type ReportModalProps = {
  isOpen: boolean;
  onClose: () => void;
};
function ReportModal({ isOpen, onClose }: ReportModalProps) {
  const reportHandler = () => {
    setTimeout(() => {
      onClose();
      toast.success("گزارش محتوای نامناسب شما ارسال شد");
    }, 940);
  };
  return (
    <Modal isOpen={isOpen} onClose={onClose} height="300px">
      <div className="text-center max-w-sm mx-auto">
        <span className="text-2xl font-bold text-red-500">گزارش</span>
        <p className="font-semibold text-red-600 mt-8">
          آیا برای ثبت گزارش محتوای نامناسب برای این پست مطمئنید؟
        </p>
        <div className="flex gap-4 mt-7">
          <button
            onClick={reportHandler}
            className="p-2 rounded-full w-full bg-sky-200 text-sky-700 "
          >
            بله
          </button>
          <button
            onClick={onClose}
            className="p-2 rounded-full w-full bg-red-200 text-red-700"
          >
            لغو
          </button>
        </div>
      </div>
    </Modal>
  );
}

export default ReportModal;
