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

function IconAgentproFileListComponent(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-agentpro-file-list${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 18 18" {...rest} ref={ref}><path d="M13.2 3.075a2.474 2.474 0 0 1 2.475 2.475v6.9a2.475 2.475 0 0 1-2.475 2.475H4.8a2.475 2.475 0 0 1-2.475-2.475v-6.9A2.475 2.475 0 0 1 4.8 3.075h8.4Zm1.05 3.722H3.75c-.026 0-.05-.005-.075-.008v5.661c0 .621.504 1.125 1.125 1.125h8.4c.621 0 1.125-.504 1.125-1.125V6.79c-.024.002-.05.007-.075.007ZM9 10.67a.675.675 0 0 1 0 1.35H6a.676.676 0 0 1 0-1.35h3Zm3 0a.675.675 0 0 1 0 1.35h-.75a.676.676 0 0 1 0-1.35H12ZM9 8.325a.675.675 0 1 1 0 1.35H6a.675.675 0 0 1 0-1.35h3Zm3 0a.675.675 0 1 1 0 1.35h-.75a.675.675 0 0 1 0-1.35H12Zm-7.2-3.9c-.589 0-1.071.452-1.12 1.028.023-.002.046-.007.07-.007h10.5c.024 0 .046.005.07.007a1.124 1.124 0 0 0-1.12-1.028H4.8Z"/></svg>;
}

const IconAgentproFileList = React.forwardRef(IconAgentproFileListComponent);
export default IconAgentproFileList;
