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
      onlyIcon={innerWidth < 768}
      size={innerWidth >= 768 ? "small" : "medium"}
      variant="secondary"
      onClick={() => setModal(<DisclaimerModal />)}
    >
      <span className="2xl:size-[1.389vw] size-5">
        <DisclaimerIcon />
      </span>
      <span className="max-md:hidden">Disclaimer</span>
    </Button>
  );
}
