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

function IconParameterSettingComponent(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-parameter-setting${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}><g clipPath="url(#svg_b025c57afd__clip0_32834_1007753)"><path d="M9.52865 0.861904C9.77273 0.617827 10.1587 0.602764 10.4206 0.816331L10.4714 0.861904L13.8047 4.19524L13.8503 4.24602C14.0638 4.50787 14.0488 4.89387 13.8047 5.13795C13.5606 5.38202 13.1746 5.39709 12.9128 5.18352L12.862 5.13795L9.52865 1.80461L9.48308 1.75383C9.26951 1.49198 9.28458 1.10598 9.52865 0.861904Z"/><path d="M4.57649 1.33037C4.57612 0.984557 4.8386 0.700718 5.17535 0.666874L5.24361 0.663258L9.96639 0.668308L10.0347 0.672071C10.3715 0.706635 10.6346 0.991036 10.6349 1.33685C10.6353 1.68267 10.3728 1.96651 10.0361 2.00035L9.96782 2.00397L5.24504 1.99892L5.17677 1.99516C4.83994 1.96059 4.57686 1.67619 4.57649 1.33037Z"/><path d="M9.06836 0.669922C9.40431 0.70413 9.66679 0.988074 9.66699 1.33301V5H13.333C13.7012 5 14 4.67188 14 4.67188V14C14 14.7363 13.4032 15.3328 12.667 15.333H3.33301C2.59678 15.3328 2 14.7363 2 14V2C2.00004 1.26377 2.5968 0.667168 3.33301 0.666992H9L9.06836 0.669922ZM9.4209 7.4834C9.15905 7.26983 8.7724 7.28425 8.52832 7.52832C8.28424 7.7724 8.26983 8.15905 8.4834 8.4209L8.52832 8.47168L9.72363 9.66699L8.52832 10.8623C8.26834 11.1226 8.26824 11.5444 8.52832 11.8047C8.78867 12.065 9.21133 12.065 9.47168 11.8047L11.1377 10.1377L11.1836 10.0869C11.3828 9.84253 11.3829 9.49042 11.1836 9.24609L11.1377 9.19531L9.47168 7.52832L9.4209 7.4834ZM7.47168 7.52832C7.2276 7.28425 6.84095 7.26983 6.5791 7.4834L6.52832 7.52832L4.8623 9.19531C4.60196 9.45566 4.60196 9.87735 4.8623 10.1377L6.52832 11.8047L6.5791 11.8506C6.84095 12.0642 7.2276 12.0488 7.47168 11.8047C7.71559 11.5606 7.73009 11.1749 7.5166 10.9131L7.47168 10.8623L6.27637 9.66699L7.47168 8.47168L7.5166 8.4209C7.73017 8.15905 7.71576 7.7724 7.47168 7.52832Z"/></g><defs><clipPath id="svg_b025c57afd__clip0_32834_1007753"><path d="M0 0H16V16H0z"/></clipPath></defs></svg>;
}

const IconParameterSetting = React.forwardRef(IconParameterSettingComponent);
export default IconParameterSetting;
