{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "report-builder",
  "type": "registry:component",
  "title": "Report builder",
  "description": "A React report builder layout with an export action, a date range picker and a chart card for the selected metrics. A base for custom reporting screens.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/chart-card.json",
    "https://ui.minidev.pro/r/date-range-picker.json",
    "https://ui.minidev.pro/r/page-header.json"
  ],
  "files": [
    {
      "path": "registry/blocks/report-builder.tsx",
      "type": "registry:ui",
      "target": "components/ui/report-builder.tsx",
      "content": "\"use client\"\nimport { PageHeader } from \"@/components/ui/page-header\"\nimport { ChartCard } from \"@/components/ui/chart-card\"\nimport { Button } from \"@/components/ui/button\"\nimport { DateRangePicker } from \"@/components/ui/date-range-picker\"\nfunction ReportBuilder() {\n  return (\n    <div data-slot=\"report-builder\" className=\"space-y-4\">\n      <PageHeader title=\"Report builder\" actions={<Button size=\"sm\">Export</Button>} />\n      <DateRangePicker />\n      <ChartCard title=\"Selected metrics\">\n        <div className=\"flex h-40 items-end gap-1\">\n          {Array.from({ length: 16 }, (_, i) => 25 + ((i * 19) % 70)).map((h, i) => (\n            <div key={i} className=\"flex-1 rounded-sm bg-accent/80\" style={{ height: `${h}%` }} />\n          ))}\n        </div>\n      </ChartCard>\n    </div>\n  )\n}\nexport { ReportBuilder }\n"
    }
  ]
}