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

function IconCaretRightComponent(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 || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-CaretRight${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="M11.3538 8.35378L6.35375 13.3538C6.28382 13.4238 6.1947 13.4715 6.09765 13.4908C6.00061 13.5101 5.90002 13.5002 5.8086 13.4623C5.71719 13.4245 5.63908 13.3603 5.58414 13.278C5.5292 13.1957 5.49992 13.099 5.5 13V3.00003C5.49992 2.90108 5.5292 2.80433 5.58414 2.72204C5.63908 2.63974 5.71719 2.57559 5.8086 2.53772C5.90002 2.49984 6.00061 2.48994 6.09765 2.50926C6.1947 2.52859 6.28382 2.57627 6.35375 2.64628L11.3538 7.64628C11.4002 7.69271 11.4371 7.74786 11.4623 7.80856C11.4874 7.86926 11.5004 7.93432 11.5004 8.00003C11.5004 8.06574 11.4874 8.1308 11.4623 8.1915C11.4371 8.2522 11.4002 8.30734 11.3538 8.35378Z" fillOpacity="1"/></svg>;
}

const IconCaretRight = React.forwardRef(IconCaretRightComponent);
export default IconCaretRight;
