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

function IconSafeTagComponent(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-safe_tag${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="M7.7334 1.00841C7.89707 0.936654 8.08334 0.936769 8.24707 1.00841L13.7295 3.40782C13.9625 3.50981 14.1133 3.74039 14.1133 3.99474C14.1131 4.73937 14.1123 6.24064 14.1123 6.49767C14.1122 9.15429 13.2337 10.8911 12.0879 12.3004C11.0498 13.5773 9.58899 14.5471 8.16211 15.0172C8.05011 15.0541 7.93041 15.0559 7.81836 15.0191C7.24785 14.8317 5.36882 14.1054 3.89355 12.2838C2.42576 10.4709 1.88871 8.70836 1.88867 6.36876C1.88867 6.05329 1.88824 5.55681 1.8877 5.04649C1.88731 4.68266 1.88694 4.31158 1.88672 3.99376C1.88657 3.73977 2.03697 3.50994 2.26953 3.40782L7.7334 1.00841ZM10.3828 5.89708C10.2579 5.7725 10.0556 5.77243 9.93066 5.89708L7.36719 8.46056L6.06934 7.1627C5.9444 7.03785 5.74218 7.03794 5.61719 7.1627L5.15137 7.62755C5.02642 7.75252 5.02645 7.95568 5.15137 8.08067L7.14062 10.0699C7.19881 10.1281 7.27444 10.1587 7.35059 10.1627C7.43795 10.1673 7.52697 10.1366 7.59375 10.0699L10.8486 6.81505C10.9733 6.69016 10.9732 6.48785 10.8486 6.3629L10.3828 5.89708Z"/></svg>;
}

const IconSafeTag = React.forwardRef(IconSafeTagComponent);
export default IconSafeTag;
