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

function IconFolderCloseComponent(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-folder-close${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 d="M6.40723 1.66406C6.57728 1.68208 6.73494 1.76142 6.8457 1.8877L8.3125 3.56055H13.667C14.4031 3.56071 14.9998 4.12766 15 4.82715V13.0635C14.9997 13.7629 14.4031 14.3299 13.667 14.3301H2.33301C1.59695 14.3299 1.00027 13.7629 1 13.0635V2.92676C1.00014 2.22723 1.59686 1.66032 2.33301 1.66016H6.33301L6.40723 1.66406ZM3 6.66699V8H13V6.66699H3Z"/></svg>;
}

const IconFolderClose = React.forwardRef(IconFolderCloseComponent);
export default IconFolderClose;
