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

function IconDoc1Component(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-Doc_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2.33325 4.3335C2.33325 3.22893 3.22869 2.3335 4.33325 2.3335H13.6666C14.7712 2.3335 15.6666 3.22893 15.6666 4.3335V13.6668C15.6666 14.7714 14.7712 15.6668 13.6666 15.6668H4.33325C3.22869 15.6668 2.33325 14.7714 2.33325 13.6668V4.3335ZM5.3 4.5C5.13431 4.5 5 4.63431 5 4.8V6.2C5 6.36569 5.13431 6.5 5.3 6.5H12.7C12.8657 6.5 13 6.36569 13 6.2V4.8C13 4.63431 12.8657 4.5 12.7 4.5H5.3ZM5.3 8C5.13431 8 5 8.13431 5 8.3V9.7C5 9.86569 5.13431 10 5.3 10H10.7C10.8657 10 11 9.86569 11 9.7V8.3C11 8.13431 10.8657 8 10.7 8H5.3ZM5 11.8C5 11.6343 5.13431 11.5 5.3 11.5H8.7C8.86569 11.5 9 11.6343 9 11.8V13.2C9 13.3657 8.86569 13.5 8.7 13.5H5.3C5.13431 13.5 5 13.3657 5 13.2V11.8Z"/></svg>;
}

const IconDoc1 = React.forwardRef(IconDoc1Component);
export default IconDoc1;
