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

function IconImportDefaultComponent(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-default${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M3.75 10.5003C3.98012 10.5003 4.16667 10.6869 4.16667 10.917V12.167H11.8333V10.917C11.8333 10.6869 12.0199 10.5003 12.25 10.5003H13.0833C13.3135 10.5003 13.5 10.6869 13.5 10.917V13.0003C13.5 13.4606 13.1269 13.8337 12.6667 13.8337H3.33333C2.8731 13.8337 2.5 13.4606 2.5 13.0003V10.917C2.5 10.6869 2.68655 10.5003 2.91667 10.5003H3.75zM8.39565 9.57468L11.5204 6.44989C11.6832 6.28717 11.6832 6.02335 11.5204 5.86063L10.9312 5.27138C10.7685 5.10866 10.5047 5.10866 10.3419 5.27138L8.83312 6.78008 8.83321 2.58367C8.83321 2.35355 8.64666 2.167 8.41654 2.167H7.58321C7.35309 2.167 7.16654 2.35355 7.16654 2.58367L7.16612 6.57796 5.86012 5.27138C5.6974 5.10866 5.43358 5.10866 5.27086 5.27138L4.68161 5.86063C4.51889 6.02335 4.51889 6.28717 4.68161 6.44989L7.8064 9.57468C7.96912 9.7374 8.23294 9.7374 8.39565 9.57468z"/></svg>;
}

const IconImportDefault = React.forwardRef(IconImportDefaultComponent);
export default IconImportDefault;
