import useModalStore from "../stores/useModalStore";
import DisclaimerIcon from "./icons/map/DisclaimerIcon";
import DisclaimerModal from "./modals/DisclaimerModal";
import Button from "./ui/Button";

export default function BottomButton() {
  const { setModal } = useModalStore();

  return (
    <Button
      size="medium"
      variant="secondary"
      onClick={() => setModal(<DisclaimerModal />)}
    >
      <span className="w-5 h-5 2xl:w-[1.389vw] 2xl:h-[1.389vw]">
        <DisclaimerIcon />
      </span>
      <span>Disclaimer</span>
    </Button>
  );
}