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

function IconNotEqualsComponent(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-NotEquals${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_34b5af77cc__clip0_450_21594)"><path fillRule="evenodd" clipRule="evenodd" d="M9 2.25C9.72822 2.25 10.4295 2.36532 11.0866 2.57869L11.5499 1.15202C10.745 0.890659 9.88745 0.75 9 0.75C8.11255 0.75 7.25502 0.890659 6.45013 1.15202L6.9134 2.57869C7.57049 2.36532 8.27178 2.25 9 2.25ZM5.25283 1.64848L5.9349 2.98443C4.66743 3.63153 3.63153 4.66743 2.98443 5.9349L1.64848 5.25283C2.43924 3.70398 3.70398 2.43924 5.25283 1.64848ZM1.15202 6.45013L2.57869 6.9134C2.36532 7.57049 2.25 8.27178 2.25 9C2.25 9.72822 2.36532 10.4295 2.57869 11.0866L1.15202 11.5499C0.890659 10.745 0.75 9.88745 0.75 9C0.75 8.11255 0.890659 7.25502 1.15202 6.45013ZM1.64848 12.7472L2.98443 12.0651C3.63153 13.3326 4.66743 14.3685 5.9349 15.0156L5.25283 16.3515C3.70398 15.5608 2.43924 14.296 1.64848 12.7472ZM6.45013 16.848L6.9134 15.4213C7.57049 15.6347 8.27178 15.75 9 15.75C9.72822 15.75 10.4295 15.6347 11.0866 15.4213L11.5499 16.848C10.745 17.1093 9.88745 17.25 9 17.25C8.11255 17.25 7.25502 17.1093 6.45013 16.848ZM12.7472 16.3515L12.0651 15.0156C13.3326 14.3685 14.3685 13.3326 15.0156 12.0651L16.3515 12.7472C15.5608 14.296 14.296 15.5608 12.7472 16.3515ZM16.848 11.5499L15.4213 11.0866C15.6347 10.4295 15.75 9.72822 15.75 9C15.75 8.27178 15.6347 7.57049 15.4213 6.9134L16.848 6.45013C17.1093 7.25502 17.25 8.11255 17.25 9C17.25 9.88745 17.1093 10.745 16.848 11.5499ZM16.3515 5.25283L15.0156 5.9349C14.3685 4.66743 13.3326 3.63153 12.0651 2.98443L12.7472 1.64848C14.296 2.43924 15.5608 3.70398 16.3515 5.25283ZM12.375 6.75C12.5821 6.75 12.75 6.91789 12.75 7.125V7.875C12.75 8.08211 12.5821 8.25 12.375 8.25H5.625C5.41789 8.25 5.25 8.08211 5.25 7.875V7.125C5.25 6.91789 5.41789 6.75 5.625 6.75H12.375ZM12.375 10.125C12.5821 10.125 12.75 10.2929 12.75 10.5V11.25C12.75 11.4571 12.5821 11.625 12.375 11.625H5.625C5.41789 11.625 5.25 11.4571 5.25 11.25V10.5C5.25 10.2929 5.41789 10.125 5.625 10.125H12.375Z"/></g><defs><clipPath id="svg_34b5af77cc__clip0_450_21594"><path d="M0 0H18V18H0z"/></clipPath></defs></svg>;
}

const IconNotEquals = React.forwardRef(IconNotEqualsComponent);
export default IconNotEquals;
