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="small"
      variant="secondary"
      onlyIcon
      onClick={() => setModal(<PrivacyPolicyModal />)}
    >
      <span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5 text-[#0D1922]">
        <QuestionIcon />
      </span>
    </Button>
  );
}
