aboutsummaryrefslogtreecommitdiff
path: root/packages/ui/shadcn/theme-toggle.tsx
blob: 0a0f8d4612e3174e5bdfcff2790f1d0582efc9dd (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>;
}