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

function IconPluginChooseComponent(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-plugin_choose${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="M13.3662 3.11624C13.8544 2.62808 14.6456 2.62808 15.1338 3.11624C15.622 3.60439 15.622 4.39566 15.1338 4.88382L6.8008 13.2168C6.31264 13.705 5.52137 13.705 5.03322 13.2168L0.866225 9.05081L0.780288 8.95608C0.379684 8.46517 0.408659 7.74096 0.866225 7.28323C1.32394 6.82552 2.04811 6.79667 2.53908 7.19729L2.6338 7.28323L5.91603 10.5655L13.3662 3.11624Z"/></svg>;
}

const IconPluginChoose = React.forwardRef(IconPluginChooseComponent);
export default IconPluginChoose;
