{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "page-header",
  "type": "registry:ui",
  "title": "Page header",
  "description": "A Tailwind page title block with an h1, an optional description and a wrapping slot for action buttons on the right, set off by a bottom border.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/page-header.tsx",
      "type": "registry:ui",
      "target": "components/ui/page-header.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nfunction PageHeader({ title, description, actions, className }: { title: React.ReactNode; description?: React.ReactNode; actions?: React.ReactNode; className?: string }) {\n  return (\n    <div data-slot=\"page-header\" className={cn(\"mb-6 flex flex-wrap items-start justify-between gap-3 border-b border-border pb-4\", className)}>\n      <div>\n        <h1 className=\"text-2xl font-medium tracking-[-0.018em] text-fg\">{title}</h1>\n        {description ? <p className=\"mt-1 text-sm text-fg-muted\">{description}</p> : null}\n      </div>\n      {actions ? <div className=\"flex flex-wrap gap-2\">{actions}</div> : null}\n    </div>\n  )\n}\nexport { PageHeader }\n"
    }
  ]
}