export declare const THEME_SWITCHER_SNIPPET = "\nimport { useContext } from 'react'\n\nimport { AnalyticsContext } from './analytics-provider'\n\nexport const ThemeSwitcher = () => {\n  const { themeKey, setThemeKey } = useContext(AnalyticsContext)\n\n  const ThemeIcon = ICONS[themeKey]\n\n  return (\n    <div\n      className=\"theme-switcher\"\n      onClick={() => setThemeKey(themeKey === 'light' ? 'dark' : 'light')}\n    >\n      <ThemeIcon />\n    </div>\n  )\n}\n\nconst ICONS = {\n  light: () => (\n    <svg viewBox=\"0 0 24 24\">\n      <path\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7\"\n      />\n    </svg>\n  ),\n  dark: () => (\n    <svg viewBox=\"0 0 24 24\">\n      <path\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z\"\n      />\n    </svg>\n  )\n}\n";
