import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined';
import AddCircleOutlineOutlinedIcon from '@mui/icons-material/AddCircleOutlineOutlined';
import FoundationIcon from '@mui/icons-material/Foundation';
import RefreshIcon from '@mui/icons-material/Refresh';

import { ReactComponent as EventMeshLogoIcon } from './eventmesh-logo.svg';
import { ReactComponent as EventMeshTopicIcon } from './eventmesh-topic.svg';
import { ReactComponent as HomeIcon } from './home.svg';
import { ReactComponent as RuntimeIcon } from './runtime.svg';
import { ReactComponent as TopicIcon } from './topic.svg';
import { ReactComponent as ConnectionIcon } from './connection.svg';
import { ReactComponent as MessageIcon } from './message.svg';
import { ReactComponent as SecurityIcon } from './security.svg';

import { ReactComponent as SettingsIcon } from './settings.svg';
import { ReactComponent as UsersIcon } from './users.svg';
import { ReactComponent as LogsIcon } from './logs.svg';


export const Icons = {
  HomeOutlined: HomeOutlinedIcon,
  AddCircleOutlineOutlined: AddCircleOutlineOutlinedIcon,
  Foundation: FoundationIcon,
  Refresh: RefreshIcon,

  EventMeshLogo: EventMeshLogoIcon,
  EventMeshTopic: EventMeshTopicIcon,

  Home: HomeIcon,
  Runtime: RuntimeIcon,
  Topic: TopicIcon,
  Connection: ConnectionIcon,
  Message: MessageIcon,
  Security: SecurityIcon,

  Settings: SettingsIcon,
  Users: UsersIcon,
  Logs: LogsIcon,
}