{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "switch-settings",
  "title": "Switch: Settings list",
  "description": "Labeled settings separated by dashed rules.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.cuelark.com/r/switch.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/examples/switch-settings.tsx",
      "content": "import { Switch } from \"@/registry/cuelark/ui/switch\";\n\nconst settings = [\n  { id: \"digest\", label: \"Weekly digest\", hint: \"A Monday summary of everything that shipped.\", on: true },\n  { id: \"mentions\", label: \"Mentions\", hint: \"Notify me when someone @mentions me.\", on: true },\n  { id: \"marketing\", label: \"Product news\", hint: \"Launches, betas and the occasional survey.\", on: false },\n];\n\nexport default function SwitchSettings() {\n  return (\n    <ul className=\"w-full max-w-md\">\n      {settings.map((s) => (\n        <li key={s.id} className=\"cue-dash-b flex items-center justify-between gap-6 py-3 last:bg-none\">\n          <label htmlFor={s.id} className=\"grid gap-0.5 text-sm font-medium\">\n            {s.label}\n            <span className=\"text-xs font-normal text-muted-foreground\">{s.hint}</span>\n          </label>\n          <Switch id={s.id} defaultChecked={s.on} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "switch",
    "example"
  ],
  "type": "registry:component"
}