import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconAgentChannelComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-agent_channel${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 18 18" {...rest} ref={ref}><g clipPath="url(#svg_8d540b1045__clip0_35232_1102273)"><path fill={useCurrentColor ? 'currentColor' : '#4781FF'} d="M10.7158 4.64575V3.84692C10.7158 2.89941 9.94751 2.1311 9 2.1311C8.05249 2.1311 7.28418 2.89941 7.28418 3.84692V9.39966C7.28418 9.77245 6.98217 10.0754 6.60938 10.0754C6.23658 10.0754 5.93457 9.77245 5.93457 9.39966V3.84692C5.93457 2.15382 7.30691 0.781494 9 0.781494C10.6931 0.781494 12.0654 2.15382 12.0654 3.84692V4.64575C12.0654 5.01854 11.7634 5.32153 11.3906 5.32153C11.0178 5.32153 10.7158 5.01854 10.7158 4.64575Z"/><path fill={useCurrentColor ? 'currentColor' : '#FFB21A'} d="M5.93457 14.3647V13.5552C5.93474 13.1825 6.23669 12.8804 6.60938 12.8804C6.98206 12.8804 7.28401 13.1825 7.28418 13.5552V14.3647C7.28441 15.3121 8.05263 16.0796 9 16.0796C9.94737 16.0796 10.7156 15.3121 10.7158 14.3647V8.7876C10.7158 8.41481 11.0178 8.11279 11.3906 8.11279C11.7634 8.11279 12.0654 8.41481 12.0654 8.7876V14.3647C12.0652 16.0576 10.693 17.4302 9 17.4302C7.30704 17.4302 5.9348 16.0576 5.93457 14.3647Z"/><path fill={useCurrentColor ? 'currentColor' : '#F946B4'} d="M0.725195 9C0.725195 7.34777 1.99239 5.93457 3.64414 5.93457H4.39609L4.53184 5.94824C4.83937 6.01122 5.0709 6.28322 5.0709 6.60938C5.0709 6.93553 4.83937 7.20753 4.53184 7.27051L4.39609 7.28418H3.64414C2.81717 7.28418 2.0748 8.01162 2.0748 9C2.0748 9.98838 2.81717 10.7158 3.64414 10.7158H8.9L9.03574 10.7295C9.34345 10.7923 9.5748 11.0643 9.5748 11.3906C9.5748 11.7169 9.34345 11.9889 9.03574 12.0518L8.9 12.0654H3.64414C1.99239 12.0654 0.725195 10.6522 0.725195 9Z"/><path fill={useCurrentColor ? 'currentColor' : '#24CF4F'} d="M15.9752 9C15.9752 8.05367 15.2057 7.28418 14.2545 7.28418H8.68125C8.30846 7.28418 8.00645 6.98217 8.00645 6.60938C8.00645 6.23658 8.30846 5.93457 8.68125 5.93457H14.2545C15.9489 5.93457 17.3248 7.30572 17.3248 9C17.3248 10.6943 15.9489 12.0654 14.2545 12.0654H13.4889C13.1161 12.0654 12.8141 11.7634 12.8141 11.3906C12.8141 11.0178 13.1161 10.7158 13.4889 10.7158H14.2545C15.2057 10.7158 15.9752 9.94633 15.9752 9Z"/></g><defs><clipPath id="svg_8d540b1045__clip0_35232_1102273"><path fill={useCurrentColor ? 'currentColor' : '#fff'} transform="translate(.5 .5)" d="M0 0H17V17H0z"/></clipPath></defs></svg>;
}

const IconAgentChannel = React.forwardRef(IconAgentChannelComponent);
export default IconAgentChannel;
