{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "page-header-1",
  "title": "Title With Export Actions",
  "description": "Application page header with a title, description, and Export plus New Project buttons above the page content area.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/page-header/1/page-header-block.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nexport default function PageHeaderBlock() {\n  return (\n    <section className=\"min-h-svh w-full bg-background px-6 py-12 text-foreground\">\n      <div className=\"mx-auto w-full max-w-5xl\">\n        <div className=\"flex flex-col gap-4 border-b border-border pb-6 sm:flex-row sm:items-end sm:justify-between\">\n          <div className=\"flex flex-col gap-1.5\">\n            <h1 className=\"font-heading text-2xl font-bold tracking-tight sm:text-3xl\">\n              Projects\n            </h1>\n            <p className=\"text-sm text-muted-foreground\">\n              Manage your team&apos;s projects and track their progress.\n            </p>\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Button variant=\"outline\">\n              <IconPlaceholder\n                lucide=\"Download\"\n                tabler=\"IconDownload\"\n                hugeicons=\"DownloadIcon\"\n                phosphor=\"Download\"\n                remixicon=\"RiDownloadLine\"\n                data-icon=\"inline-start\"\n                aria-hidden=\"true\"\n              />\n              Export\n            </Button>\n            <Button>\n              <IconPlaceholder\n                lucide=\"Plus\"\n                tabler=\"IconPlus\"\n                hugeicons=\"Add01Icon\"\n                phosphor=\"Plus\"\n                remixicon=\"RiAddLine\"\n                data-icon=\"inline-start\"\n                aria-hidden=\"true\"\n              />\n              New Project\n            </Button>\n          </div>\n        </div>\n\n        <div className=\"mt-6 grid gap-4 sm:grid-cols-3\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div\n              key={i}\n              className=\"h-28 rounded-lg border border-border bg-muted/30\"\n            />\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/page-header-1.tsx"
    }
  ],
  "meta": {
    "height": "327px",
    "tier": "free"
  },
  "categories": [
    "page-header"
  ],
  "type": "registry:block"
}