{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dropdown-menu12",
  "title": "Dropdown menu",
  "description": "Dropdown menu built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/dropdown-menu/12/index.tsx",
      "content": "\"use client\";\n\nimport { MonitorIcon, MoonIcon, SunIcon } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger\n} from \"@/components/ui/dropdown-menu\";\n\ntype Theme = \"light\" | \"dark\" | \"system\";\n\nexport default function Component() {\n  const [theme, setTheme] = useState<Theme>(\"system\");\n\n  // For demo purposes, we'll simulate system preference as \"light\"\n  const systemPreference = \"light\";\n  const displayTheme = theme === \"system\" ? systemPreference : theme;\n\n  return (\n    <div>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button aria-label=\"Select theme\" size=\"icon\" variant=\"outline\">\n            {displayTheme === \"light\" && <SunIcon aria-hidden=\"true\" size={16} />}\n            {displayTheme === \"dark\" && <MoonIcon aria-hidden=\"true\" size={16} />}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => setTheme(\"light\")}>\n            <SunIcon aria-hidden=\"true\" className=\"opacity-60\" size={16} />\n            <span>Light</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => setTheme(\"dark\")}>\n            <MoonIcon aria-hidden=\"true\" className=\"opacity-60\" size={16} />\n            <span>Dark</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => setTheme(\"system\")}>\n            <MonitorIcon aria-hidden=\"true\" className=\"opacity-60\" size={16} />\n            <span>System</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/dropdown-menu12.tsx"
    }
  ],
  "type": "registry:component"
}