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

function IconAgentFilesSettingsComponent(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-files-settings${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 17 17" {...rest} ref={ref}><path fillRule="evenodd" d="M10.116 3.928c1.229 0 2.225.996 2.225 2.225v6.872a2.225 2.225 0 0 1-2.225 2.225H4.725A2.225 2.225 0 0 1 2.5 13.025V6.153c0-1.23.996-2.225 2.225-2.225h5.39Zm1.011 2.225c0-.559-.453-1.012-1.011-1.012H4.725c-.559 0-1.012.453-1.012 1.012v6.872c0 .559.453 1.011 1.012 1.011h5.39a1.01 1.01 0 0 0 1.012-1.01V6.152Z" clipRule="evenodd"/><path fillRule="evenodd" d="M5 7.318c0-.314.254-.568.568-.568H8.9a.568.568 0 0 1 0 1.135H5.568A.568.568 0 0 1 5 7.318Zm.568 1.432a.568.568 0 0 0 0 1.135h2a.568.568 0 0 0 0-1.135h-2Z" clipRule="evenodd"/><path d="M5 7.318c0-.314.254-.568.568-.568H8.9a.568.568 0 0 1 0 1.135H5.568A.568.568 0 0 1 5 7.318Zm.568 1.432a.568.568 0 0 0 0 1.135h2a.568.568 0 0 0 0-1.135h-2Z"/><path fillRule="evenodd" d="M12.275 1.75c1.229 0 2.225.996 2.225 2.225v6.242a.607.607 0 0 1-1.213 0V3.975c0-.559-.453-1.012-1.012-1.012H7.333a.607.607 0 1 1 0-1.213h4.942Z" clipRule="evenodd"/></svg>;
}

const IconAgentFilesSettings = React.forwardRef(IconAgentFilesSettingsComponent);
export default IconAgentFilesSettings;
