{
  "name": "status-text-only-demo",
  "type": "registry:example",
  "registryDependencies": [
    "status"
  ],
  "files": [
    {
      "path": "examples/status-text-only-demo.tsx",
      "type": "registry:example",
      "content": "import { Status, StatusLabel } from \"@/registry/bases/radix/ui/status\";\n\nexport default function StatusTextOnlyDemo() {\n  return (\n    <div className=\"flex flex-wrap items-center gap-2.5\">\n      <Status variant=\"success\">\n        <StatusLabel>Active</StatusLabel>\n      </Status>\n\n      <Status variant=\"error\">\n        <StatusLabel>Inactive</StatusLabel>\n      </Status>\n\n      <Status variant=\"warning\">\n        <StatusLabel>Pending</StatusLabel>\n      </Status>\n\n      <Status variant=\"info\">\n        <StatusLabel>Processing</StatusLabel>\n      </Status>\n\n      <Status variant=\"default\">\n        <StatusLabel>Draft</StatusLabel>\n      </Status>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}