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

function IconFolderDefaultColorComponent(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_default_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M12.231 2.66528C12.9382 2.6653 13.6166 2.94645 14.1167 3.44653L16.0024 5.33228H28.0024C29.4749 5.33245 30.6683 6.52579 30.6685 7.99829V25.3323C30.6683 26.8048 29.4749 27.9981 28.0024 27.9983H4.00244C2.52979 27.9983 1.33562 26.8049 1.33545 25.3323V5.33228C1.33545 3.85952 2.52968 2.66528 4.00244 2.66528H12.231Z" fill={useCurrentColor ? 'currentColor' : '#569BD8'}/><path d="M1.3335 10.4897C1.3335 9.01691 2.52162 7.823 3.99438 7.823C9.99549 7.823 22.5345 7.823 28.0115 7.823C29.4842 7.823 30.6668 9.01691 30.6668 10.4897L30.6668 25.3341C30.6668 26.8069 29.4729 28.0008 28.0002 28.0008H4.00016C2.5274 28.0008 1.3335 26.8069 1.3335 25.3341V10.4897Z" fill={useCurrentColor ? 'currentColor' : '#62ADEF'}/></svg>;
}

const IconFolderDefaultColor = React.forwardRef(IconFolderDefaultColorComponent);
export default IconFolderDefaultColor;
