Data Room

Due-diligence folder list with amber open tiles, rose locked tiles, and a Restricted pill on gated rows.

Due diligence room

Corporate · Certifications18 files · Last accessed 2h ago

Financials · Audited42 files · Last accessed Tue

HR · Compensation12 files

Restricted

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Legal26 } from "@/components/beste/piece/legal26";

<Legal26
  heading="Due diligence room"
  folders={[
    {
      "name": "Corporate · Certifications",
      "files": 18,
      "accessed": "Last accessed 2h ago"
    },
    {
      "name": "Financials · Audited",
      "files": 42,
      "accessed": "Last accessed Tue"
    },
    {
      "name": "HR · Compensation",
      "files": 12,
      "locked": true
    }
  ]}
/>