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

function IconLinkArrowSmallComponent(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-link-arrow-small${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 10 10" {...rest} ref={ref}><path d="M7.764 1.262c.537 0 .975.44.975.988v5.312c0 .337-.27.608-.6.608-.329 0-.6-.27-.6-.608V3.239l-.256.262-.002.002-4.997 5.059a.593.593 0 0 1-.847 0 .616.616 0 0 1 0-.863l5.156-5.22H2.517c-.33 0-.6-.27-.6-.609 0-.338.27-.608.6-.608h5.247Z"/></svg>;
}

const IconLinkArrowSmall = React.forwardRef(IconLinkArrowSmallComponent);
export default IconLinkArrowSmall;
