{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section",
  "type": "registry:component",
  "title": "Section",
  "description": "A Section component.",
  "files": [
    {
      "path": "src/components/content/section.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nexport function Section({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"section\">) {\n  return (\n    <section className={cn(\"space-y-4\", className)} {...props}>\n      {children}\n    </section>\n  );\n}\n\nexport function SectionHeader({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport function SectionHeaderRow({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-1.5 sm:flex-row sm:items-end sm:justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function SectionDescription({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"text-muted-foreground text-sm\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\nexport function SectionTitle({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"font-medium text-lg\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n\nexport function SectionGroup({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"mx-auto w-full max-w-4xl space-y-8 px-4 py-8\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function SectionGroupHeader({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"space-y-1.5\", className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport function SectionGroupTitle({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p className={cn(\"font-bold text-4xl\", className)} {...props}>\n      {children}\n    </p>\n  );\n}\n",
      "type": "registry:component"
    }
  ]
}