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

function IconImportFileComponent(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-import-file${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}><g fillRule="evenodd" clipRule="evenodd"><path d="M3.17065 4.32464C3.17065 3.10961 4.15563 2.12463 5.37065 2.12463H11.1258C11.8254 2.12463 12.3925 2.69174 12.3925 3.3913V11.9416C12.3925 13.0094 11.5269 13.8749 10.4591 13.8749H7.49429C7.16292 13.8749 6.89429 13.6063 6.89429 13.2749C6.89429 12.9436 7.16292 12.6749 7.49429 12.6749H10.4591C10.8641 12.6749 11.1925 12.3466 11.1925 11.9416V3.3913C11.1925 3.35448 11.1626 3.32463 11.1258 3.32463H5.37065C4.81837 3.32463 4.37065 3.77235 4.37065 4.32464V8.31009C4.37065 8.64146 4.10203 8.91009 3.77065 8.91009C3.43928 8.91009 3.17065 8.64146 3.17065 8.31009V4.32464Z"/><path d="M1.64706 10.6736C1.70731 10.4021 1.94902 10.193 2.24585 10.193H8.57016C8.91904 10.193 9.22482 10.4954 9.17928 10.8785 9.13876 11.2194 9.1733 11.7064 9.36456 12.0804 9.45567 12.2585 9.57639 12.4003 9.73355 12.4995 9.88897 12.5977 10.1134 12.6754 10.4471 12.6754V13.8754H3.41699L3.35873 13.8638C2.9275 13.7775 2.40546 13.4432 2.04152 12.9248 1.65732 12.3776 1.43847 11.6136 1.64706 10.6736zM8.3217 12.6754C8.31299 12.6593 8.30449 12.6431 8.29618 12.6268 8.09028 12.2242 7.99876 11.7854 7.97262 11.393H2.76643C2.76818 11.7593 2.88297 12.035 3.02363 12.2353 3.21151 12.5029 3.44278 12.6353 3.55429 12.6754H8.3217zM11.1929 5.24915C11.17 4.91857 11.4194 4.63203 11.75 4.60915 12.276 4.57273 12.8352 4.55639 13.2319 4.54906 13.2158 4.2074 13.0847 3.94581 12.9244 3.74925 12.8067 3.60493 12.6707 3.49397 12.5479 3.41865 12.4508 3.35915 12.3827 3.33428 12.3542 3.32529H10.5313C10.2 3.32529 9.93134 3.05666 9.93134 2.72529 9.93134 2.39392 10.2 2.12529 10.5313 2.12529H12.4484L12.4845 2.12968C12.7123 2.15739 12.9582 2.26268 13.175 2.39554 13.403 2.5353 13.6442 2.73314 13.8543 2.99075 14.285 3.51874 14.5763 4.29121 14.3614 5.26214 14.3059 5.51301 14.0805 5.74251 13.7641 5.74309 13.6552 5.74329 12.691 5.74687 11.8329 5.80628 11.5023 5.82917 11.2158 5.57973 11.1929 5.24915z"/></g></svg>;
}

const IconImportFile = React.forwardRef(IconImportFileComponent);
export default IconImportFile;
