{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "workflow-board",
  "type": "registry:component",
  "title": "Workflow board",
  "description": "A triage and approvals screen in Tailwind with an issue key, due date chip and priority picker, next to an approval card and a review queue card.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/approval-card.json",
    "https://ui.minidev.pro/r/card.json",
    "https://ui.minidev.pro/r/due-date-chip.json",
    "https://ui.minidev.pro/r/issue-key.json",
    "https://ui.minidev.pro/r/page-header.json",
    "https://ui.minidev.pro/r/priority-picker.json"
  ],
  "files": [
    {
      "path": "registry/blocks/workflow-board.tsx",
      "type": "registry:ui",
      "target": "components/ui/workflow-board.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { PriorityPicker } from \"@/components/ui/priority-picker\"\nimport { ApprovalCard } from \"@/components/ui/approval-card\"\nimport { DueDateChip } from \"@/components/ui/due-date-chip\"\nimport { IssueKey } from \"@/components/ui/issue-key\"\nimport { PageHeader } from \"@/components/ui/page-header\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\n\nfunction WorkflowBoard() {\n  const [priority, setPriority] = React.useState(\"medium\")\n  return (\n    <div data-slot=\"workflow-board\" className=\"space-y-6\">\n      <PageHeader title=\"Workflow\" description=\"Approvals and triage\" />\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <IssueKey value=\"MD-214\" />\n        <DueDateChip date=\"Sep 18\" />\n        <PriorityPicker value={priority} onChange={setPriority} />\n      </div>\n      <div className=\"grid gap-4 lg:grid-cols-2\">\n        <ApprovalCard title=\"Publish pricing change\" requester=\"Aman\" summary=\"Updates Pro plan seats to $29.\" />\n        <Card>\n          <CardHeader>\n            <CardTitle>Queue</CardTitle>\n          </CardHeader>\n          <CardContent className=\"text-sm text-fg-muted\">3 items awaiting review</CardContent>\n        </Card>\n      </div>\n    </div>\n  )\n}\nexport { WorkflowBoard }\n"
    }
  ]
}