aboutsummaryrefslogtreecommitdiff
path: root/packages/ui/shadcn/theme-toggle.tsx
blob: 6c64ba40082665a00204c9162111b807a2cbbf6a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
"use client";

import { useTheme } from "next-app-theme/use-theme";
import { Sun, Moon } from "lucide-react";

export default function ThemeToggle() {
	const { theme, toggleTheme } = useTheme();
	const icon = theme === "dark" ? <Sun /> : <Moon />;

	return <button onClick={toggleTheme}>{icon}</button>;
}