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

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

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-agent_history${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M8 0.666992C12.0501 0.667014 15.333 3.94993 15.333 8C15.333 12.0501 12.0501 15.333 8 15.333C3.94991 15.333 0.666992 12.0501 0.666992 8C0.667003 7.63191 0.964956 7.33316 1.33301 7.33301C1.70119 7.33301 1.99999 7.63182 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68631 11.3137 2.00002 8 2C6.2242 2 4.6294 2.77254 3.53027 4H4.36426L4.43164 4.00391C4.76791 4.03795 5.03027 4.32174 5.03027 4.66699C5.0301 5.01208 4.76779 5.29604 4.43164 5.33008L4.36426 5.33398H1.93945C1.5714 5.33396 1.27265 5.03501 1.27246 4.66699V2.24219C1.27258 1.87411 1.57136 1.57619 1.93945 1.57617C2.30757 1.57617 2.60632 1.8741 2.60645 2.24219V3.03125C3.94598 1.57807 5.86637 0.666992 8 0.666992ZM8.00195 3.33301C8.37002 3.33317 8.66895 3.63192 8.66895 4L8.66797 7.72656L11.2998 10.3584C11.5595 10.6187 11.5596 11.0406 11.2998 11.3008C11.0395 11.5611 10.6168 11.5609 10.3564 11.3008L7.53027 8.47461C7.40531 8.34965 7.33503 8.17964 7.33496 8.00293V4C7.335 3.63181 7.63376 3.33297 8.00195 3.33301Z"/></svg>;
}

const IconAgentHistory = React.forwardRef(IconAgentHistoryComponent);
export default IconAgentHistory;
