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

function IconFolderOpenComponent(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-open${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="M0.666626 3.00001C0.666626 2.26363 1.26358 1.66667 1.99996 1.66667H6.33329L6.40686 1.67058C6.57705 1.68946 6.73482 1.77328 6.84566 1.90626L8.31246 3.66667H12.5C13.2363 3.66667 13.8333 4.26362 13.8333 5.00001V7.00001C13.8333 7.3682 13.5348 7.66667 13.1666 7.66667H3.52014L1.97978 13.8281C1.89812 14.1548 1.58606 14.3692 1.25191 14.3281C0.917746 14.287 0.666626 14.0034 0.666626 13.6667V3.00001ZM1.99996 8.25261L2.35347 6.83855L2.38993 6.73112C2.49493 6.49263 2.7324 6.33334 2.99996 6.33334H12.5V5.00001H7.99996C7.80213 5.00001 7.61425 4.91238 7.48759 4.76042L6.02079 3.00001H1.99996V8.25261Z"/><path d="M13.3334 13.6667L14.6667 7H2.93754L1.33337 13.6667H13.3334Z"/><path d="M14.6667 6.33333C14.8664 6.33333 15.0557 6.42301 15.1823 6.57747C15.3089 6.73191 15.3595 6.93505 15.3203 7.13085L13.987 13.7975C13.9246 14.1091 13.6511 14.3333 13.3334 14.3333H1.33337C1.1292 14.3333 0.936344 14.2397 0.80993 14.0794C0.683518 13.919 0.637144 13.709 0.68493 13.5104L2.2891 6.84374L2.32555 6.73632C2.42932 6.49517 2.6679 6.33333 2.93753 6.33333H14.6667ZM2.17972 13H12.7871L13.8535 7.66666H3.46292L2.17972 13Z"/></svg>;
}

const IconFolderOpen = React.forwardRef(IconFolderOpenComponent);
export default IconFolderOpen;
