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

function IconTrialOperationComponent(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-trial-operation${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 fillRule="evenodd" d="M7.99996 0.666687C3.94987 0.666687 0.666626 3.94993 0.666626 8.00002C0.666626 12.0501 3.94987 15.3334 7.99996 15.3334C12.05 15.3334 15.3333 12.0501 15.3333 8.00002C15.3333 3.94993 12.05 0.666687 7.99996 0.666687ZM1.99996 8.00002C1.99996 4.68631 4.68625 2.00002 7.99996 2.00002C11.3137 2.00002 14 4.68631 14 8.00002C14 11.3137 11.3137 14 7.99996 14C4.68625 14 1.99996 11.3137 1.99996 8.00002ZM7 5.11324C6.79373 4.99415 6.5396 4.99415 6.33333 5.11324C6.12707 5.23233 6 5.45242 6 5.69059V10.3094C6 10.5476 6.12707 10.7677 6.33333 10.8867C6.5396 11.0058 6.79373 11.0058 7 10.8867L11 8.57734C11.2063 8.45825 11.3333 8.23817 11.3333 7.99999C11.3333 7.76182 11.2063 7.54173 11 7.42264L7 5.11324ZM9.33333 7.99999L7.33333 9.15469V6.84529L9.33333 7.99999Z" clipRule="evenodd"/></svg>;
}

const IconTrialOperation = React.forwardRef(IconTrialOperationComponent);
export default IconTrialOperation;
