import { CheckOutlined, ClockCircleOutlined, DashboardOutlined, DeleteOutlined, DownOutlined, LockOutlined, SafetyOutlined, UpOutlined } from "@ant-design/icons";
import { Card, Chip, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import { useTheme } from '@mui/material/styles';
let routeImages = {
"SERVAPP": {
label: "ServApp",
icon: "🐳",
backgroundColor: "#0db7ed",
color: "white",
colorDark: "black",
},
"STATIC": {
label: "Static",
icon: "📁",
backgroundColor: "#f9d71c",
color: "black",
colorDark: "black",
},
"REDIRECT": {
label: "Redir",
icon: "🔀",
backgroundColor: "#2c3e50",
color: "white",
colorDark: "white",
},
"PROXY": {
label: "Proxy",
icon: "🔗",
backgroundColor: "#2ecc71",
color: "white",
colorDark: "black",
},
"SPA": {
label: "SPA",
icon: "🌐",
backgroundColor: "#e74c3c",
color: "white",
colorDark: "black",
},
}
export const RouteMode = ({route}) => {
const theme = useTheme();
const isDark = theme.palette.mode === 'dark';
let c = routeImages[route.Mode.toUpperCase()];
return c ? <>