Compliance rating card with a score, an emerald progress bar, and a dot-prefixed checklist of audit items.
The import and the props worth knowing about, in one place.
import { Legal16 } from "@/components/beste/piece/legal16";
<Legal16
score={86}
label="Compliance score"
items={[
{
"name": "Data processing agreement",
"status": "pass"
},
{
"name": "Vendor subprocessor list",
"status": "pass"
},
{
"name": "Breach notification SLA",
"status": "warn"
}
]}
bordered={false}
/>