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

function IconDecline2Component(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-decline2${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 14 14" {...rest} ref={ref}><path d="m7.233 12.04 3.547-4.06a.225.225 0 0 0 0-.327c-.046-.046-.093-.046-.14-.046H8.867c-.094 0-.187-.094-.234-.187-.14-.933-.933-5.133-4.666-5.74-.14 0-.234.047-.28.187 0 .093 0 .186.093.233.653.513 1.493 1.493 1.727 3.22.093.7.14 1.4.14 2.1 0 .14-.094.233-.234.233H3.547c-.14 0-.234.094-.234.234 0 .046 0 .093.047.14l3.547 4.06c.093.046.233.093.326-.047 0 .047 0 .047 0 0Z"/></svg>;
}

const IconDecline2 = React.forwardRef(IconDecline2Component);
export default IconDecline2;
