{"version":3,"sources":["../layouts/sidebar1/theme-switcher.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { useTheme } from 'next-themes';\nimport { Moon, Sun, Monitor } from 'lucide-react';\n\nexport function ThemeSwitcher() {\n  const { setTheme } = useTheme();\n\n  return (\n    <div className=\"flex items-center justify-around p-1\">\n      <button\n        onClick={() => setTheme('light')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"Light Mode\"\n      >\n        <Sun className=\"h-4 w-4\" />\n      </button>\n      <button\n        onClick={() => setTheme('dark')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"Dark Mode\"\n      >\n        <Moon className=\"h-4 w-4\" />\n      </button>\n      <button\n        onClick={() => setTheme('system')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"System Mode\"\n      >\n        <Monitor className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AACA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,MAAM,KAAK,eAAe;AAE5B,SAAS,gBAAgB;AAC9B,QAAM,EAAE,SAAS,IAAI,SAAS;AAE9B,SACE,oCAAC,SAAI,WAAU,0CACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,OAAO;AAAA,MAC/B,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,OAAI,WAAU,WAAU;AAAA,EAC3B,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,MAAM;AAAA,MAC9B,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,QAAK,WAAU,WAAU;AAAA,EAC5B,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,QAAQ;AAAA,MAChC,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,WAAQ,WAAU,WAAU;AAAA,EAC/B,CACF;AAEJ;","names":[]}