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

function IconDataOnlineTaggingComponent(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-data_online_tagging${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="m17.404 11.659.53.53a.78.78 0 0 1 0 1.112L12.737 18.5h-1.642v-1.643l4.086-4.09 1.112-1.108a.787.787 0 0 1 1.112 0Z" clipRule="evenodd" opacity=".5"/><path fillRule="evenodd" d="M17.35 11.609V7.116a.66.66 0 0 0-.199-.472l-4.559-4.456A.66.66 0 0 0 12.131 2H3.16a.66.66 0 0 0-.66.66v15.18c0 .365.295.66.66.66h13.53a.66.66 0 0 0 .66-.66v-3.953L12.736 18.5h-1.642v-1.642l4.087-4.091 1.112-1.108a.788.788 0 0 1 1.057-.05Zm-5.363-2.823H7.862a.413.413 0 0 0-.412.413v.825c0 .227.185.412.412.412h4.125a.413.413 0 0 0 .413-.412v-.825a.413.413 0 0 0-.413-.413Zm0 4.125H7.862a.413.413 0 0 0-.412.412v.825c0 .228.185.413.412.413h4.125a.413.413 0 0 0 .413-.412v-.825a.413.413 0 0 0-.413-.413Z" clipRule="evenodd"/></svg>;
}

const IconDataOnlineTagging = React.forwardRef(IconDataOnlineTaggingComponent);
export default IconDataOnlineTagging;
