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

function IconSystemPresettingComponent(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-System-presetting${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M3 4.89979L3 10.4454C3 10.7517 3.24797 11 3.55385 11L9.09236 11C9.39824 11 9.64621 10.7517 9.64621 10.4454L9.64621 9.33631C9.64621 9.03003 9.39824 8.78174 9.09236 8.78174L6.79167 8.78197L10.8378 4.73097C11.0541 4.5144 11.0541 4.16327 10.8378 3.9467L10.0545 3.16243C9.83823 2.94586 9.48755 2.94586 9.27125 3.16243L5.21496 7.22362L5.2154 4.89979C5.2154 4.59351 4.96744 4.34523 4.66155 4.34523L3.55385 4.34523C3.24797 4.34523 3 4.59351 3 4.89979Z"/></svg>;
}

const IconSystemPresetting = React.forwardRef(IconSystemPresettingComponent);
export default IconSystemPresetting;
