Consent panel listing data-use categories, each with a short description and an emerald toggle switch.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal12 } from "@/components/beste/piece/legal12";
<Legal12
title="Privacy preferences"
toggles={[
{
"label": "Essential cookies",
"description": "Always on. Needed for login and billing.",
"on": true
},
{
"label": "Analytics",
"description": "Anonymous product usage metrics.",
"on": true
},
{
"label": "Personalized ads",
"description": "Third-party partners may see your activity.",
"on": false
}
]}
/>Terms of service card listing consent checkboxes with checked ones tinted emerald and a signed footer.
Due-diligence folder list with amber open tiles, rose locked tiles, and a Restricted pill on gated rows.
Authority list panel where each citation sits on an amber-ruled block with court and holding lines.
Q-and-A transcript panel with role chips, speaker labels, and quoted lines in courtroom format.
Court affirmed dismissal where plaintiff failed to allege concrete harm under a state data-retention statute.
Case brief card with title, citation, outcome pill, and a sky-ruled summary block beneath.
E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.