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

function IconEnterComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Enter${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 d="M4.6665 13.9659C4.92685 14.2262 5.34854 14.2262 5.60889 13.9659C5.86919 13.7055 5.86922 13.2838 5.60889 13.0235L3.91943 11.3331H10.3335C12.9106 11.3329 14.9993 9.24408 14.9995 6.66705C14.9995 4.08981 12.9107 2.0002 10.3335 2.00005H7.75146C7.38695 2.00005 7.09131 2.29569 7.09131 2.66021C7.09142 3.02464 7.38701 3.32037 7.75146 3.32037H10.1763C11.4649 3.32037 13.5103 4.65416 13.5103 6.66705C13.51 8.67969 11.4648 10.0001 10.1763 10.0001H3.91943L5.60889 8.30279C5.8669 8.04356 5.86625 7.62409 5.60791 7.36529C5.34873 7.1061 4.92766 7.10612 4.66846 7.36529L1.83838 10.1954C1.7082 10.3255 1.64307 10.4964 1.64307 10.667C1.64318 10.8375 1.70832 11.0077 1.83838 11.1377L4.6665 13.9659Z"/></svg>;
}

const IconEnter = React.forwardRef(IconEnterComponent);
export default IconEnter;
