import { MINIMUM_AGE, MINIMUM_AGE_EEA } from "~/lib/legal";
import { TextLink } from "~/ui/TextLink";

/** Sign-in-wrap notice shown beside every button that can create an account (password and GitHub). */
export function SignupConsent({ action }: { action: string }) {
  return (
    <p className="text-center text-xs leading-5 text-gray-500">
      By {action} you agree to the <TextLink to="/terms">Terms of Service</TextLink> and{" "}
      <TextLink to="/privacy">Privacy Policy</TextLink>, and confirm you are at least {MINIMUM_AGE} ({MINIMUM_AGE_EEA}{" "}
      in the EU/EEA and UK unless a parent or guardian consents).
    </p>
  );
}