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

function IconSimilarityQuestionComponent(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-similarity_question${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 .51c1.79 0 3.412.727 4.585 1.9a6.466 6.466 0 0 1 1.898 4.583c0 1.79-.726 3.413-1.898 4.585A6.467 6.467 0 0 1 7 13.477c-.01 0-.02-.003-.028-.003H1.5a.65.65 0 0 1 0-1.3H7l.031.002a5.165 5.165 0 0 0 3.634-1.518 5.166 5.166 0 0 0 1.519-3.665c0-1.43-.58-2.726-1.519-3.665A5.166 5.166 0 0 0 7 1.811a5.165 5.165 0 0 0-3.665 1.517 5.165 5.165 0 0 0-1.518 3.665 5.16 5.16 0 0 0 1.036 3.11.65.65 0 0 1-1.04.781 6.46 6.46 0 0 1-1.296-3.89 6.47 6.47 0 0 1 1.899-4.585A6.466 6.466 0 0 1 7 .51Zm0 8.999a.73.73 0 1 1 0 1.46.73.73 0 0 1 0-1.46Zm0-6.483a2.4 2.4 0 0 1 .65 4.708v.609a.65.65 0 0 1-1.3 0V7.176a.65.65 0 0 1 .65-.65 1.1 1.1 0 1 0-1.1-1.1.651.651 0 0 1-1.3 0 2.4 2.4 0 0 1 2.4-2.4Z"/></svg>;
}

const IconSimilarityQuestion = React.forwardRef(IconSimilarityQuestionComponent);
export default IconSimilarityQuestion;
