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

function IconInfoColorComponent(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-info_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M18.3333 10.8249C18.3333 15.4068 14.619 19.1212 10.0371 19.1212C5.45516 19.1212 1.74078 15.4068 1.74078 10.8249C1.74078 6.24305 5.45516 2.52869 10.0371 2.52869C14.619 2.52869 18.3333 6.24305 18.3333 10.8249Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M10 18.3286C14.6024 18.3286 18.3333 14.5977 18.3333 9.99532C18.3333 5.39296 14.6024 1.66202 10 1.66202C5.39764 1.66202 1.66669 5.39296 1.66669 9.99532C1.66669 14.5977 5.39764 18.3286 10 18.3286Z" fill={useCurrentColor ? 'currentColor' : '#387BFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M10 16.9397C13.8353 16.9397 16.9445 13.8306 16.9445 9.99532C16.9445 6.16002 13.8353 3.0509 10 3.0509C6.16471 3.0509 3.05558 6.16002 3.05558 9.99532C3.05558 13.8306 6.16471 16.9397 10 16.9397ZM18.3333 9.99532C18.3333 14.5977 14.6024 18.3286 10 18.3286C5.39764 18.3286 1.66669 14.5977 1.66669 9.99532C1.66669 5.39296 5.39764 1.66202 10 1.66202C14.6024 1.66202 18.3333 5.39296 18.3333 9.99532Z" fill={useCurrentColor ? 'currentColor' : '#1664FF'}/><path fillRule="evenodd" clipRule="evenodd" d="M10.9296 8.53685C11.041 8.53685 11.1313 8.6271 11.1313 8.73844L11.1325 13.0562H12.065C12.1764 13.0562 12.2667 13.1465 12.2667 13.2579V14.3537C12.2667 14.4651 12.1764 14.5554 12.065 14.5554L8.69049 14.5555C8.57912 14.5555 8.48883 14.4652 8.48883 14.3539V13.2579C8.48883 13.1465 8.57911 13.0562 8.69048 13.0562H9.616L9.61513 10.0358H9.29771C9.18635 10.0358 9.09607 9.94555 9.09607 9.83418V8.7385C9.09607 8.62713 9.18635 8.53685 9.29772 8.53685H10.9296ZM10.764 6.2648C10.8754 6.2648 10.9657 6.35508 10.9657 6.46645V7.57216C10.9657 7.68353 10.8754 7.77381 10.764 7.77381H9.61177C9.50041 7.77381 9.41013 7.68353 9.41013 7.57216V6.46645C9.41013 6.35508 9.50041 6.2648 9.61177 6.2648L10.764 6.2648Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M10.5149 8.12207C10.6262 8.12207 10.7165 8.21232 10.7165 8.32366L10.7177 12.6415H11.6502C11.7616 12.6415 11.8519 12.7317 11.8519 12.8431V13.9389C11.8519 14.0503 11.7616 14.1406 11.6502 14.1406L8.27569 14.1407C8.16432 14.1407 8.07404 14.0505 8.07404 13.9391V12.8431C8.07404 12.7317 8.16432 12.6415 8.27568 12.6415H9.2012L9.20033 9.62105H8.88292C8.77155 9.62105 8.68127 9.53077 8.68127 9.4194V8.32372C8.68127 8.21235 8.77155 8.12207 8.88292 8.12207H10.5149ZM10.3492 5.85002C10.4606 5.85002 10.5509 5.9403 10.5509 6.05167V7.15738C10.5509 7.26875 10.4606 7.35903 10.3492 7.35903H9.19698C9.08561 7.35903 8.99533 7.26875 8.99533 7.15738V6.05167C8.99533 5.9403 9.08561 5.85002 9.19698 5.85002L10.3492 5.85002Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconInfoColor = React.forwardRef(IconInfoColorComponent);
export default IconInfoColor;
