"use client";

import ReportModal from "@/components/main/ReportModal";
import Image from "next/image";
import React, { useState } from "react";

function ModelReportDiv() {
  const [showReportModal, setShowReportModal] = useState<boolean>(false);

  return (
    <>
      {showReportModal && (
        <ReportModal
          isOpen={showReportModal}
          onClose={() => setShowReportModal(false)}
        />
      )}
      <button
        onClick={() => setShowReportModal(!showReportModal)}
        className="ml-2"
      >
        <Image
          width={22}
          height={22}
          alt={"danger.svg"}
          src={`/images/icons/danger.svg`}
          className="dark:invert"
        />
      </button>
    </>
  );
}

export default ModelReportDiv;
