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

function IconFolderSmallColorComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-folder_small_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M7.42884 1.30847C7.91104 1.30849 8.37362 1.50142 8.71459 1.84458L10.0003 3.13862H18.1822C19.1862 3.13874 19.9999 3.95763 20 4.96809V16.863C19.9999 17.8735 19.1862 18.6924 18.1822 18.6925H1.81842C0.814333 18.6925 0.000119691 17.8736 0 16.863V3.13862C0 2.12798 0.814259 1.30847 1.81842 1.30847H7.42884Z" fill={useCurrentColor ? 'currentColor' : '#62ADEF'}/></svg>;
}

const IconFolderSmallColor = React.forwardRef(IconFolderSmallColorComponent);
export default IconFolderSmallColor;
