Terms of service card listing consent checkboxes with checked ones tinted emerald and a signed footer.
The import and the props worth knowing about, in one place.
import { Legal11 } from "@/components/beste/piece/legal11";
<Legal11
title="Terms of service"
version="v4.2 · Apr 2026"
clauses={[
{
"label": "I agree to the updated terms",
"accepted": true
},
{
"label": "I consent to data processing",
"accepted": true
},
{
"label": "I want product announcements"
}
]}
agreementStatus="Signed on Apr 23, 2026"
/>Compliance rating card with an emerald ring, a summary, and a dot-prefixed checklist of audit items.
Consent panel listing data-use categories, each with a short description and an emerald toggle switch.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Completed signature panel with an italic cursive autograph, emerald Signed pill, and a printed footer.