Age Verification

import { AgeVerification } from "@boxpressd/sites-sdk/compliance"

export default function Layout({
  children
}: {
  children: React.ReactNode
}) {
  return (
    <>
      <AgeVerification />
      {children}
    </>
  )
}

<AgeVerification />

<AgeVerification
  title="Age Restricted Content"
  description="You must be of legal smoking age in your jurisdiction to access this website."
/>

<AgeVerification
  confirmLabel="I Am of Legal Age"
  cancelLabel="Exit Site"
/>

<AgeVerification
  redirectUrl="https://www.google.com"
/>

<AgeVerification
  rememberDays={30}
/>

<AgeVerification
  rememberDays={7}
/>

<AgeVerification
  rememberDays={90}
/>

<AgeVerification
  title="Welcome to Stogies"
  description="This website contains information about premium cigars and tobacco products. You must be of legal smoking age to continue."
  confirmLabel="Enter Site"
  cancelLabel="Leave Site"
  rememberDays={30}
/>

<AgeVerification
  title="Age Verification Required"
  description="By entering this website, you confirm that you are of legal smoking age in your jurisdiction."
  confirmLabel="Continue"
  cancelLabel="Exit"
/>

:root {
  --bxp-primary: #d3a966;
  --bxp-border-radius: 16px;
}

<AgeVerification
  className="custom-age-gate"
/>

.custom-age-gate {
  --bxp-primary: #b8894f;
}

Visitor verifies age
      ↓
Verification stored locally
      ↓
Visitor returns later
      ↓
Prompt skipped until expiration

<AgeVerification />

<AgeVerification
  title="Premium Tobacco Products"
  description="This website is intended only for adults of legal smoking age."
/>

<AgeVerification
  title="Before You Enter"
  description="Please confirm that you are of legal smoking age."
  rememberDays={30}
/>