import './aisera-icons.scss';
import ApiIcon from './channels/ApiIcon';
import CognitiveSearchIcon from './channels/CognitiveSearch';
import EmailIcon from './channels/EmailIcon';
import GlipIcon from './channels/GlipIcon';
import GoogleChatIcon from './channels/GoogleChatIcon';
import InterceptIcon from './channels/InterceptIcon';
import IvrIcon from './channels/IvrIcon';
import ListenerIcon from './channels/Listener';
import MSTeamsIcon from './channels/MSTeamsIcon';
import RingCentralAssistIcon from './channels/RingCentralAssist';
import SlackIcon from './channels/SlackIcon';
import SmsIcon from './channels/SmsIcon';
import SunshineConversation from './channels/SunshineConversation';
import TicketAIAgentIcon from './channels/TicketAIAgentIcon';
import TwitterIcon from './channels/Twitter';
import WebchatIcon from './channels/WebchatIcon';
import WebexTeamsIcon from './channels/WebexTeamsIcon';
import ZoomIcon from './channels/ZoomIcon';
import AddCircleOutlinedIcon from './custom/AddCircleOutlinedIcon';
import AddIcon from './custom/AddIcon';
import AnnotateIcon from './custom/AnnotateIcon';
import AnnotateWhiteIcon from './custom/AnnotateWhiteIcon';
import BarsIcon from './custom/BarsIcon';
import BubbleIcon from './custom/BubbleIcon';
import BubbleSpeechIcon from './custom/BubbleSpeechIcon';
import CheckmarkIcon from './custom/CheckmarkIcon';
import DetailsIcon from './custom/DetailsIcon';
import InfoCircleIcon from './custom/InfoCircleIcon';
import Intent10Icon from './custom/Intent10Icon';
import KnowledgeIcon from './custom/KnowledgeIcon';
import ListIcon from './custom/ListIcon';

const AiseraIcons = () => {
    return (
        <div>
            <h3>Channel Icons</h3>
            <div className='icons-container'>
                <MSTeamsIcon />
                <SlackIcon />
                <WebchatIcon />
                <InterceptIcon />
                <EmailIcon />
                <ApiIcon />
                <SmsIcon />
                <GoogleChatIcon />
                <IvrIcon />
                <TwitterIcon />
                <WebexTeamsIcon />
                <ZoomIcon />
                <TicketAIAgentIcon />
                <CognitiveSearchIcon />
                <GlipIcon />
                <ListenerIcon />
                <SunshineConversation />
                <RingCentralAssistIcon />
            </div>
            <h3>Custom Icons</h3>
            <div className='icons-container'>
                <AddCircleOutlinedIcon />
                <AddIcon />
                <AnnotateIcon />
                <AnnotateWhiteIcon />
                <BubbleIcon />
                <BubbleSpeechIcon />
                <CheckmarkIcon />
                <InfoCircleIcon />
                <Intent10Icon />
                <KnowledgeIcon />
                <BarsIcon />
                <DetailsIcon />
                <ListIcon />
            </div>
        </div>
    )
}

export default AiseraIcons