import useModalStore from "../stores/useModalStore";
import QuestionIcon from "./icons/QuestionIcon";
import PrivacyPolicyModal from "./modals/PrivacyPolicyModal";
import Button from "./ui/Button";

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

  return (
    <Button
      size={innerWidth >= 768 ? "small" : "medium"}
      variant="secondary"
      onlyIcon
      onClick={() => setModal(<PrivacyPolicyModal />)}
    >
      <span className="2xl:size-[1.389vw] size-5">
        <QuestionIcon />
      </span>
    </Button>
  );
}