{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty",
  "title": "Empty",
  "description": "Empty state primitives.",
  "registryDependencies": [
    "@circle-ui/flex",
    "@circle-ui/utils"
  ],
  "files": [
    {
      "path": "registry/berlin/circle-ui/empty.tsx",
      "content": "// Generated from packages/ui/src/components/empty.tsx\nimport * as React from \"react\";\n\nimport { cn } from \"@/registry/berlin/lib/utils\";\nimport { Flex } from \"@/registry/berlin/circle-ui/flex\";\n\nexport function Empty({\n  children,\n  className,\n}: React.PropsWithChildren<{ className?: string }>) {\n  return (\n    <Flex\n      alignItems=\"center\"\n      direction=\"column\"\n      justifyContent=\"center\"\n      className={cn(\"p-5 text-center\", className)}\n      gap={8}\n    >\n      <div className=\"text-base font-medium leading-5\">{children}</div>\n    </Flex>\n  );\n}\n\nexport function EmptyWithTitleAndDescription({\n  children,\n  title,\n  subtitle,\n  className,\n}: React.PropsWithChildren<{\n  className?: string;\n  title: string;\n  subtitle: string;\n}>) {\n  return (\n    <Flex direction=\"column\" gap={24} className={className}>\n      <Flex direction=\"column\" gap={12} alignItems=\"flex-start\">\n        <div className=\"text-lg font-semibold leading-7\">{title}</div>\n        <div className=\"text-sm leading-6 text-muted-foreground\">\n          {subtitle}\n        </div>\n      </Flex>\n      {children}\n    </Flex>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/empty.tsx"
    }
  ],
  "type": "registry:ui"
}