Initial commit

components/theme-toggle.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { useTheme } from 'next-themes';
+
+export function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+
+  const next = theme === 'dark' ? 'light' : 'dark';
+
+  return (
+    <button
+      type="button"
+      className="rounded border px-2 py-1 text-xs"
+      onClick={() => setTheme(next)}
+    >
+      {theme === 'dark' ? '☀️' : '🌙'}
+    </button>
+  );
+}
+