{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch-4",
  "type": "registry:component",
  "title": "Switch 4",
  "description": "Switch 4. A toggle control that allows users to switch between two states, typically on or off.",
  "dependencies": [],
  "registryDependencies": [
    "switch"
  ],
  "files": [
    {
      "path": "components/watermelon/switch-4.tsx",
      "type": "registry:component",
      "content": "import { Switch } from '@/components/base-ui/switch';\n\nconst Switch4 = () => {\n  return (\n    <Switch\n      aria-label=\"Destructive Switch\"\n      className=\"focus-visible:border-destructive to-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-none bg-linear-to-r from-yellow-600 data-[size=default]:h-6 data-[size=default]:w-10 data-[state=checked]:from-blue-600 data-[state=checked]:to-indigo-700 [&_span]:!translate-x-0.25 [&_span]:group-data-[size=default]/switch:size-5 data-[state=checked]:[&_span]:!translate-x-4.75 data-[state=checked]:[&_span]:rtl:!-translate-x-4.75\"\n    />\n  );\n};\n\nexport default Switch4;\n"
    }
  ]
}