Compliance rating card with an emerald ring, a summary, and a dot-prefixed checklist of audit items.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal16 } from "@/components/beste/piece/legal16";
<Legal16
score={86}
label="Compliance score"
summary="GDPR & SOC 2 ready. 2 items need review."
items={[
{
"name": "Data processing agreement",
"status": "pass"
},
{
"name": "Vendor subprocessor list",
"status": "pass"
},
{
"name": "Breach notification SLA",
"status": "warn"
},
{
"name": "Retention policy",
"status": "warn"
}
]}
/>Terms of service card listing consent checkboxes with checked ones tinted emerald and a signed footer.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
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.
Mutual NDA summary card with a shield tile, Confidential eyebrow, party split, term, and jurisdiction.
Upcoming-hearing card with an amber landmark tile, date and courtroom rows, and an appearance-type pill.
Litigation card with case number, court, plaintiff-vs-defendant strip, and a next-hearing callout.