Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
The import and the props worth knowing about, in one place.
import { Legal21 } from "@/components/beste/piece/legal21";
<Legal21
title="Engagement deliverables"
items={[
{
"label": "Regulatory filings · Q2",
"due": "Due May 12",
"status": "in-progress"
},
{
"label": "Board resolutions package",
"due": "Due May 3",
"status": "overdue"
},
{
"label": "Closing memo",
"due": "Delivered Apr 18",
"status": "delivered"
}
]}
/>Due-diligence folder list with amber open tiles, rose locked tiles, and a Restricted pill on gated rows.
E-signature routing panel showing each signer, their role, and a state pill for signed, waiting, or sent.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.