{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mode-toggle",
  "files": [
    {
      "path": "registry/new-york/examples/mode-toggle.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Moon, Sun } from \"lucide-react\"\nimport { useTheme } from \"next-themes\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport { Menu, MenuItem, MenuTrigger } from \"@/registry/new-york/ui/menu\"\n\nexport default function ModeToggle() {\n  const { setTheme } = useTheme()\n\n  return (\n    <MenuTrigger>\n      <Button variant=\"outline\" size=\"icon\">\n        <Sun className=\"h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90\" />\n        <Moon className=\"absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0\" />\n        <span className=\"sr-only\">Toggle theme</span>\n      </Button>\n      <Menu placement=\"bottom end\" onAction={(key) => setTheme(key.toString())}>\n        <MenuItem id=\"light\">Light</MenuItem>\n        <MenuItem id=\"dark\">Dark</MenuItem>\n        <MenuItem id=\"system\">System</MenuItem>\n      </Menu>\n    </MenuTrigger>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}