MCPX MCP Gateway

import { CheckCircle2, Clock, Lock, XCircle } from "lucide-react"; export const StatusIcon = ({ status, size = "w-2.5 h-2.5", }: { status: string; size?: string; }) => { const icons = { connected: ( <CheckCircle2 className={`${size} text-[var(--color-fg-success)]`} /> ), connected_running: ( <CheckCircle2 className={`${size} text-[var(--color-fg-success)]`} /> ), connected_stopped: ( <CheckCircle2 className={`${size} text-[var(--color-fg-info)]`} /> ), disconnected: ( <XCircle className={`${size} text-[var(--color-text-disabled)]`} /> ), error: <XCircle className={`${size} text-[var(--color-fg-danger)]`} />, running: ( <CheckCircle2 className={`${size} text-[var(--color-fg-success)]`} /> ), stopped: <CheckCircle2 className={`${size} text-[var(--color-fg-info)]`} />, pending_auth: <Lock className={`${size} text-[var(--color-fg-info)]`} />, }; return ( icons[status as keyof typeof icons] || ( <Clock className={`${size} text-[var(--color-fg-warning)]`} /> ) ); };