theme setup

src/components/theme-toggle.tsx

@@ -0,0 +1,19 @@
+import { useTheme } from "@/components/theme-provider";
+import { Button } from "@/components/ui/button";
+
+function ThemeToggle() {
+	const { resolvedTheme, setTheme } = useTheme();
+	const isDark = resolvedTheme === "dark";
+
+	return (
+		<Button
+			variant="outline"
+			size="sm"
+			onClick={() => setTheme(isDark ? "light" : "dark")}
+		>
+			{isDark ? "light" : "dark"}
+		</Button>
+	);
+}
+
+export { ThemeToggle };