{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-badge-20",
  "description": "Removable badge",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@coss/badge"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-badge-20.tsx",
      "content": "\"use client\";\n\nimport { XIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Badge } from \"@/registry/default/ui/badge\";\n\nexport default function Particle() {\n  const [isActive, setIsActive] = useState(true);\n\n  if (!isActive) return null;\n\n  return (\n    <Badge className=\"gap-0\">\n      Removable\n      <button\n        className=\"-my-px -ms-px -me-1.5 inline-flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-[inherit] p-0 text-primary-foreground/60 outline-none transition-[color,box-shadow] hover:text-primary-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n        onClick={() => setIsActive(false)}\n        type=\"button\"\n      >\n        <XIcon aria-hidden=\"true\" />\n      </button>\n    </Badge>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "categories": [
    "badge"
  ],
  "type": "registry:block"
}