Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal30 } from "@/components/beste/piece/legal30";
<Legal30
matter="Doe v. Synapse Health (class action)"
jurisdiction="N.D. Cal."
settlement="$12.4M"
feeShare="30% contingency"
status="Court approval pending"
/>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.
Compliance rating card with an emerald ring, a summary, and a dot-prefixed checklist of audit items.
Mutual NDA summary card with a shield tile, Confidential eyebrow, party split, term, and jurisdiction.
Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
Terms of service card listing consent checkboxes with checked ones tinted emerald and a signed footer.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.