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

function IconFolderFilledComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Folder_Filled${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M6.6084 1.58301C7.03608 1.58308 7.4575 1.68968 7.83398 1.89258C8.20738 2.09382 8.52509 2.38409 8.75977 2.7373L9.43555 3.7373L9.44141 3.74609C9.51035 3.85067 9.60429 3.93623 9.71484 3.99512C9.82543 4.05401 9.94894 4.08416 10.0742 4.08301H16.667C17.3521 4.08301 18.0097 4.35537 18.4941 4.83984C18.9785 5.3243 19.25 5.98193 19.25 6.66699V15C19.25 15.6851 18.9786 16.3427 18.4941 16.8271C18.0097 17.3116 17.3521 17.583 16.667 17.583H3.33398C2.64892 17.583 1.99129 17.3115 1.50684 16.8271C1.02237 16.3427 0.75 15.6851 0.75 15V4.16699C0.75 3.48185 1.02237 2.82431 1.50684 2.33984C1.99131 1.85537 2.64884 1.58301 3.33398 1.58301H6.6084Z"/></svg>;
}

const IconFolderFilled = React.forwardRef(IconFolderFilledComponent);
export default IconFolderFilled;
