{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "badge-11",
  "title": "Badge with Icon",
  "description": "A badge with icon component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "src/components/customized/badge/badge-11.tsx",
      "content": "import { ArrowLeftIcon, ArrowRightIcon, XIcon } from \"lucide-react\";\nimport { Badge } from \"@/registry/ui/badge\";\n\nconst BadgeWithIconDemo = () => {\n  return (\n    <div className=\"flex flex-wrap items-center gap-3\">\n      <Badge>\n        <ArrowLeftIcon className=\"h-4 w-4\" />\n        Left\n      </Badge>\n      <Badge>\n        Right\n        <ArrowRightIcon className=\"h-4 w-4\" />\n      </Badge>\n      <Badge variant=\"destructive\">\n        Remove\n        <XIcon className=\"h-4 w-4\" />\n      </Badge>\n    </div>\n  );\n};\n\nexport default BadgeWithIconDemo;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}