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

function IconClockCircleFillComponent(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-clock-circle-fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 49 48" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M44.207 25.9922C44.207 37.0341 35.2558 45.9854 24.2139 45.9854C13.1719 45.9854 4.2207 37.0341 4.2207 25.9922C4.2207 14.9503 13.1719 5.99902 24.2139 5.99902C35.2558 5.99902 44.207 14.9503 44.207 25.9922Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M24.2139 43.9863C35.2558 43.9863 44.207 35.0351 44.207 23.9932C44.207 12.9512 35.2558 4 24.2139 4C13.1719 4 4.2207 12.9512 4.2207 23.9932C4.2207 35.0351 13.1719 43.9863 24.2139 43.9863Z" fill={useCurrentColor ? 'currentColor' : '#387BFF'}/><path fillRule="evenodd" clipRule="evenodd" d="M24.2139 40.6541C33.4155 40.6541 40.8748 33.1948 40.8748 23.9932C40.8748 14.7916 33.4155 7.33219 24.2139 7.33219C15.0123 7.33219 7.5529 14.7916 7.5529 23.9932C7.5529 33.1948 15.0123 40.6541 24.2139 40.6541ZM44.207 23.9932C44.207 35.0351 35.2558 43.9863 24.2139 43.9863C13.1719 43.9863 4.2207 35.0351 4.2207 23.9932C4.2207 12.9512 13.1719 4 24.2139 4C35.2558 4 44.207 12.9512 44.207 23.9932Z" fill={useCurrentColor ? 'currentColor' : '#1664FF'}/><path fillRule="evenodd" clipRule="evenodd" d="M35.2148 25.4524L35.2148 27.6738C35.2148 28.2873 34.7175 28.7846 34.1041 28.7846L22.5749 28.7845C22.3389 28.7845 22.1202 28.711 21.9403 28.5855L21.8372 28.5042L21.7445 28.4115C21.5701 28.2153 21.4641 27.9569 21.4641 27.6738L21.4641 16.1063C21.4641 15.4929 21.9614 14.9956 22.5748 14.9956L24.7963 14.9956C25.4097 14.9956 25.907 15.4929 25.907 16.1063L25.9073 24.3414L34.1041 24.3416C34.7175 24.3416 35.2148 24.8389 35.2148 25.4524Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M34.2148 24.4534L34.2148 26.6748C34.2148 27.2883 33.7175 27.7856 33.1041 27.7856L21.5749 27.7855C21.3389 27.7855 21.1202 27.7119 20.9403 27.5865L20.8372 27.5052L20.7445 27.4124C20.5701 27.2163 20.4641 26.9579 20.4641 26.6748L20.4641 15.1073C20.4641 14.4939 20.9614 13.9966 21.5748 13.9966L23.7963 13.9966C24.4097 13.9966 24.907 14.4939 24.907 15.1073L24.9073 23.3424L33.1041 23.3426C33.7175 23.3426 34.2148 23.8399 34.2148 24.4534Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconClockCircleFill = React.forwardRef(IconClockCircleFillComponent);
export default IconClockCircleFill;
