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

function IconOperatingHistoryComponent(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-operating-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="M9.954 2.2C8.582.826 6.364-.045 4.538.733c-.58.249-.647.965-.266 1.359.566.584 2.13 2.22 2.938 3.066l.054.057-2.15 2.15-.057-.054a964.485 964.485 0 0 1-3.066-2.938C1.597 3.994.88 4.059.63 4.64c-.778 1.825.094 4.043 1.466 5.415a5.557 5.557 0 0 0 5.842 1.29l.048-.018.036.036 3.985 4.007.087.08c.45.365 1.113.339 1.532-.08l1.617-1.617a1.146 1.146 0 0 0 0-1.62L11.26 8.129l-.035-.036.018-.048a5.558 5.558 0 0 0-1.289-5.846Zm-4.003-.445c1.016-.022 2.19.485 3.077 1.37l.231.25a4.25 4.25 0 0 1 .62 4.542.659.659 0 0 0-.045.134l-.002.006a.654.654 0 0 0 .16.656l4.153 4.175.056.056-1.383 1.384-.057-.057-4.152-4.174-.069-.06a.655.655 0 0 0-.576-.104l-.007.001a.656.656 0 0 0-.142.046 4.25 4.25 0 0 1-4.792-.85l-.161-.17c-.786-.862-1.23-1.954-1.21-2.905l.005-.183.13.126c.82.786 1.972 1.886 2.54 2.428a1.145 1.145 0 0 0 1.6-.019l2.378-2.379c.438-.438.45-1.147.019-1.6-.542-.567-1.643-1.718-2.43-2.537L5.77 1.76l.181-.005Z"/></svg>;
}

const IconOperatingHistory = React.forwardRef(IconOperatingHistoryComponent);
export default IconOperatingHistory;
