Perigon MCP Server

import { Moon, Sun } from "lucide-react"; import { Button } from "@/components/ui/button"; import { useTheme } from "@/lib/theme"; export function ThemeToggle() { const { theme, setTheme } = useTheme(); const toggleTheme = () => { setTheme(theme === "light" ? "dark" : "light"); }; return ( <Button variant="ghost" size="sm" onClick={toggleTheme} className="size-8 hover:border-2 cursor-pointer" title={`Current theme: ${theme}. Click to toggle.`} > {theme === "light" ? ( <Sun className="size-4" /> ) : ( <Moon className="size-4" /> )} <span className="sr-only">Toggle theme</span> </Button> ); }