Activepieces MCP Server

import { Moon } from 'lucide-react'; import { cn } from '@/lib/utils'; import { useTheme } from './theme-provider'; import { Button } from './ui/button'; import { DropdownMenuItem } from './ui/dropdown-menu'; import { Switch } from './ui/switch'; export const ThemeToggle = () => { const { theme, setTheme } = useTheme(); const isDarkMode = theme === 'dark'; const handleToggleTheme = () => { setTheme(isDarkMode ? 'light' : 'dark'); }; return ( <DropdownMenuItem className="p-0" onSelect={(e) => e.preventDefault()}> <Button variant="ghost" size="sm" className={cn('gap-x-2 w-full justify-between px-2')} onClick={handleToggleTheme} > <div className="flex items-center gap-2"> <Moon className="h-4 w-4" /> <span>Dark Mode</span> </div> <Switch checked={isDarkMode} /> </Button> </DropdownMenuItem> ); };