import useModal from "../../store/useModal";
import CrossIcon from "../icons/CrossIcon";

const DisclaimerModal = () => {
  const { setModal } = useModal();
  const handleOnCloseClick = () => {
    setModal(null);
  };

  return (
    <div className="absolute z-50 top-0 left-0 w-screen bg-[#0D192266] h-screen backdrop-blur-[6px] grid grid-cols-12  items-center">
      <div className="bg-white rounded-lg col-span-4 col-start-5 py-[37px] px-8">
        <div className=" w-full h-1 flex justify-between">
          <div className="h-[2px] bg-[#00BED7] w-1/3 rounded-full"></div>
          <button onClick={handleOnCloseClick}>
            <CrossIcon />
          </button>
        </div>
        <h2 className="text-subheadline-m font-semibold py-6">Disclaimer</h2>
        <div className="flex flex-col gap-4">
          <p className="text-caption-m">
            This masterplan has been designed solely to provide an impression of
            the Rove Home projects as well as the approximate location of
            existing and proposed facilities, services, and destinations and is
            not intended for any other purpose.
          </p>
          <p className="text-caption-m">
            All elements including the interior design used in the units and
            images shown in the virtual tour are only for illustration. The
            pictures of the proposed residential units, furniture, landscaping,
            amenities, color schemes, fixtures, and accessories among all other
            items are illustrative to showcase the units.
          </p>
          <p className="text-caption-m">
            IRTH does not make any representation or give any warranty
            concerning the future developments shown, or the current or future
            amenities, location, or existence of any facilities, services, and
            destinations. Any indications of distance, sizes, travel times, and
            any other information are approximate and for indicative purposes
            only and are not to scale.
          </p>
          <p className="text-caption-m">
            IRTH gives notice that this virtual tour (including units,
            amenities, plans of the property) does not constitute any part of a
            sale offer or sale and purchase contract.
          </p>
        </div>
      </div>
    </div>
  );
};

export default DisclaimerModal;
