import * as React from "react"; import { Monitor, Moon, Sun } from "lucide-react"; import { useTheme } from "next-themes"; import { cn } from "@/src/utils/tailwind"; import { usePostHogClientCapture } from "@/src/features/posthog-analytics/usePostHogClientCapture"; export function ThemeToggle() { const { theme, setTheme } = useTheme(); const capture = usePostHogClientCapture(); return (
Theme
{ e.preventDefault(); setTheme("light"); capture("user_settings:theme_changed", { theme: "light", }); }} />
{ e.preventDefault(); setTheme("dark"); capture("user_settings:theme_changed", { theme: "dark", }); }} />
{ e.preventDefault(); setTheme("system"); capture("user_settings:theme_changed", { theme: "system", }); }} />
); }