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

function IconClockCircleGreyFillComponent(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-grey-fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M14.6644 8.66439C14.6644 12.345 11.6807 15.3288 8.00002 15.3288C4.31938 15.3288 1.33563 12.345 1.33563 8.66439C1.33563 4.98375 4.31938 2 8.00002 2C11.6807 2 14.6644 4.98375 14.6644 8.66439Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".08"/><path d="M8.00002 14.6623C11.6807 14.6623 14.6644 11.6785 14.6644 7.99788C14.6644 4.31724 11.6807 1.3335 8.00002 1.3335C4.31938 1.3335 1.33563 4.31724 1.33563 7.99788C1.33563 11.6785 4.31938 14.6623 8.00002 14.6623Z" fill={useCurrentColor ? 'currentColor' : '#737A87'}/><path fillRule="evenodd" clipRule="evenodd" d="M8.00002 13.5515C11.0672 13.5515 13.5537 11.0651 13.5537 7.99788C13.5537 4.93068 11.0672 2.44423 8.00002 2.44423C4.93282 2.44423 2.44636 4.93068 2.44636 7.99788C2.44636 11.0651 4.93282 13.5515 8.00002 13.5515ZM14.6644 7.99788C14.6644 11.6785 11.6807 14.6623 8.00002 14.6623C4.31938 14.6623 1.33563 11.6785 1.33563 7.99788C1.33563 4.31724 4.31938 1.3335 8.00002 1.3335C11.6807 1.3335 14.6644 4.31724 14.6644 7.99788Z" fill={useCurrentColor ? 'currentColor' : '#676B72'}/><path fillRule="evenodd" clipRule="evenodd" d="M11.6668 8.48429L11.6668 9.22478C11.6668 9.42926 11.5011 9.59502 11.2966 9.59502L7.4535 9.595C7.37486 9.595 7.30194 9.57048 7.24198 9.52867L7.20761 9.50156L7.1767 9.47065C7.11857 9.40526 7.08326 9.31913 7.08326 9.22476L7.08324 5.36894C7.08324 5.16446 7.24901 4.9987 7.45349 4.9987L8.19397 4.9987C8.39845 4.9987 8.56422 5.16447 8.56422 5.36895L8.56432 8.11396L11.2966 8.11405C11.5011 8.11405 11.6668 8.27981 11.6668 8.48429Z" fill={useCurrentColor ? 'currentColor' : '#141414'} fillOpacity=".2"/><path fillRule="evenodd" clipRule="evenodd" d="M11.3336 8.15128L11.3336 8.89177C11.3336 9.09625 11.1679 9.26201 10.9634 9.26201L7.12031 9.262C7.04167 9.262 6.96875 9.23747 6.90879 9.19566L6.87442 9.16855L6.84351 9.13764C6.78538 9.07225 6.75007 8.98613 6.75007 8.89175L6.75005 5.03594C6.75005 4.83146 6.91582 4.66569 7.1203 4.66569L7.86078 4.66569C8.06526 4.66569 8.23103 4.83146 8.23103 5.03594L8.23113 7.78096L10.9634 7.78104C11.1679 7.78104 11.3336 7.9468 11.3336 8.15128Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconClockCircleGreyFill = React.forwardRef(IconClockCircleGreyFillComponent);
export default IconClockCircleGreyFill;
