Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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"
}
]}
/>