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

function IconArrowRightComponent(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-arrow-right${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M10.3919 6.41706L8.08731 4.11244C7.85951 3.88463 7.85951 3.51528 8.08731 3.28748V3.28748C8.31512 3.05967 8.68447 3.05967 8.91227 3.28748L11.9175 6.29268C12.308 6.6832 12.308 7.31636 11.9175 7.70689L8.91227 10.7121C8.68447 10.9399 8.31512 10.9399 8.08732 10.7121V10.7121C7.85951 10.4843 7.85951 10.1149 8.08731 9.88713L10.3907 7.58373H1.04168C0.719511 7.58373 0.458344 7.32256 0.458344 7.0004V7.0004C0.458344 6.67823 0.719511 6.41706 1.04168 6.41706H10.3919Z"/></svg>;
}

const IconArrowRight = React.forwardRef(IconArrowRightComponent);
export default IconArrowRight;
