{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "env-switcher",
  "type": "registry:ui",
  "title": "Env switcher",
  "description": "React segmented control for switching between Dev, Staging and Prod environments, reporting the selected value. Fits dashboards, API consoles and deploy tools.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/segmented-control.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/env-switcher.tsx",
      "type": "registry:ui",
      "target": "components/ui/env-switcher.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { SegmentedControl } from \"@/components/ui/segmented-control\"\n\nfunction EnvSwitcher({\n  value = \"prod\",\n  onChange,\n  className,\n}: {\n  value?: string\n  onChange?: (v: string) => void\n  className?: string\n}) {\n  return (\n    <div data-slot=\"env-switcher\" className={cn(className)}>\n      <SegmentedControl\n        value={value}\n        onChange={onChange}\n        options={[\n          { value: \"dev\", label: \"Dev\" },\n          { value: \"staging\", label: \"Staging\" },\n          { value: \"prod\", label: \"Prod\" },\n        ]}\n      />\n    </div>\n  )\n}\nexport { EnvSwitcher }\n"
    }
  ]
}