Financial Report Generator MCP Server

'use client'; import { Moon, Sun } from 'lucide-react'; import { Button } from '../ui/button'; import { useFinancialStore } from '../../store/financial-store'; export function ThemeToggle() { const { theme, setTheme } = useFinancialStore(); const toggleTheme = () => { const newTheme = theme === 'light' ? 'dark' : 'light'; setTheme(newTheme); }; return ( <Button variant="outline" size="icon" onClick={toggleTheme} className="h-10 w-10" > <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" /> <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" /> <span className="sr-only">切换主题</span> </Button> ); }