@arizeai/phoenix-mcp

import { Moon, Sun } from "lucide-react"; import { useTheme } from "../contexts/ThemeContext"; export function ThemeToggle() { const { theme, toggleTheme } = useTheme(); return ( <button onClick={toggleTheme} className="theme-toggle" title={`Switch to ${theme === "light" ? "dark" : "light"} mode`} type="button" aria-label={`Switch to ${theme === "light" ? "dark" : "light"} mode`} > {theme === "light" ? ( <Moon className="theme-toggle-icon" /> ) : ( <Sun className="theme-toggle-icon" /> )} </button> ); }