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

function IconEqualsComponent(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-Equals${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_0ccb67e7ea__clip0_450_21679)"><path fillRule="evenodd" clipRule="evenodd" d="M17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25C13.5563 17.25 17.25 13.5563 17.25 9ZM2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.27208 15.75 2.25 12.7279 2.25 9ZM12.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.375ZM12.75 7.125C12.75 6.91789 12.5821 6.75 12.375 6.75H5.625C5.41789 6.75 5.25 6.91789 5.25 7.125V7.875C5.25 8.08211 5.41789 8.25 5.625 8.25H12.375C12.5821 8.25 12.75 8.08211 12.75 7.875V7.125Z"/></g><defs><clipPath id="svg_0ccb67e7ea__clip0_450_21679"><path d="M0 0H18V18H0z"/></clipPath></defs></svg>;
}

const IconEquals = React.forwardRef(IconEqualsComponent);
export default IconEquals;
