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

function IconBadArealityComponent(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-bad-areality${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M2.284 9.3c.404.49 1.065.49 1.282.49h1.742c-.141.762-.261 1.647-.003 2.582.178.643.503 1.1.997 1.395.26.154.528.233.8.233.718 0 1.255-.53 1.336-1.32.03-.296.058-.576.128-.816.264-.882.906-1.555 1.5-2.095.222-.199.458-.555.461-.955.009-1.07.01-2.146.01-3.244l.001-1.951c.003-.653-.346-1.179-.928-1.404a2.792 2.792 0 0 0-.97-.203c-.537-.006-1.077-.006-1.583-.006H6.27c-.515 0-1.03 0-1.548-.006h-.017c-.602 0-1.075.3-1.3.821l-.066.153c-.157.359-.317.73-.417 1.143a87.346 87.346 0 0 0-.878 3.916c-.102.523-.022.95.241 1.267Zm10.14.451h.165A1.41 1.41 0 0 0 14 8.345V3.537a1.41 1.41 0 0 0-1.411-1.406h-.165a1.41 1.41 0 0 0-1.41 1.406v4.808a1.41 1.41 0 0 0 1.41 1.406Z"/></svg>;
}

const IconBadAreality = React.forwardRef(IconBadArealityComponent);
export default IconBadAreality;
