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

function IconOtherTagComponent(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-other_Tag${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M3.78884 1.65843H16.2109C16.6711 1.65843 17.0442 2.03153 17.0442 2.49177V17.5051C17.0442 18.0972 16.4441 18.5004 15.896 18.2767L10.2034 15.9532C9.99838 15.8695 9.76852 15.8709 9.56453 15.957L4.11277 18.2571C3.56342 18.4888 2.95551 18.0855 2.95551 17.4893V2.49177C2.95551 2.03153 3.3286 1.65843 3.78884 1.65843ZM7.91665 6.66667C7.68653 6.66667 7.49998 6.85322 7.49998 7.08334V7.91667C7.49998 8.14679 7.68653 8.33334 7.91665 8.33334H12.0833C12.3134 8.33334 12.5 8.14679 12.5 7.91667V7.08334C12.5 6.85322 12.3134 6.66667 12.0833 6.66667H7.91665Z"/></svg>;
}

const IconOtherTag = React.forwardRef(IconOtherTagComponent);
export default IconOtherTag;
