{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-with-icon",
  "title": "Text With Icon",
  "description": "Inline text and icon primitive.",
  "registryDependencies": [
    "@circle-ui/flex"
  ],
  "files": [
    {
      "path": "registry/berlin/circle-ui/text-with-icon.tsx",
      "content": "// Generated from packages/ui/src/components/text-with-icon.tsx\nimport * as React from \"react\";\n\nimport { Flex, type FlexProps } from \"@/registry/berlin/circle-ui/flex\";\n\nexport interface TextWithIconProps extends Omit<FlexProps, \"children\"> {\n  Icon: React.ComponentType<{\n    color?: string;\n    height?: number | string;\n    size?: number;\n    width?: number | string;\n  }>;\n  children: React.ReactNode;\n  color?: React.CSSProperties[\"color\"];\n}\n\nexport function TextWithIcon({\n  Icon,\n  children,\n  color = \"#6F7070\",\n  ...props\n}: TextWithIconProps) {\n  return (\n    <Flex alignItems=\"center\" gap={4} {...props}>\n      <Icon color={color} height={16} size={16} width={16} />\n      <div style={{ color }}>{children}</div>\n    </Flex>\n  );\n}\n",
      "type": "registry:ui",
      "target": "src/components/circle/ui/text-with-icon.tsx"
    }
  ],
  "type": "registry:ui"
}