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

function IconModelVoiceComponent(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-model_voice${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M7 0C10.866 0 14 3.134 14 7C14 10.866 10.866 14 7 14C3.134 14 0 10.866 0 7C0 3.134 3.134 0 7 0ZM6.99992 1.27277C3.83684 1.27277 1.27265 3.83695 1.27265 7.00004C1.27265 10.1631 3.83684 12.7273 6.99992 12.7273C10.163 12.7273 12.7271 10.1631 12.7271 7.00004C12.7271 3.83695 10.163 1.27277 6.99992 1.27277ZM7.31803 4.1364C7.49375 4.1364 7.63621 4.27886 7.63621 4.45458V9.54549C7.63621 9.72122 7.49375 9.86367 7.31803 9.86367H6.68167C6.50594 9.86367 6.36348 9.72122 6.36348 9.54549V4.45458C6.36348 4.27886 6.50594 4.1364 6.68167 4.1364H7.31803ZM4.45439 5.40917C4.63012 5.40917 4.77257 5.55162 4.77257 5.72735V8.2728C4.77257 8.44853 4.63012 8.59099 4.45439 8.59099H3.81803C3.6423 8.59099 3.49985 8.44853 3.49985 8.2728V5.72735C3.49985 5.55162 3.6423 5.40917 3.81803 5.40917H4.45439ZM10.1817 5.40917C10.3574 5.40917 10.4998 5.55162 10.4998 5.72735V8.2728C10.4998 8.44853 10.3574 8.59099 10.1817 8.59099H9.5453C9.36958 8.59099 9.22712 8.44853 9.22712 8.2728V5.72735C9.22712 5.55162 9.36958 5.40917 9.5453 5.40917H10.1817Z"/></svg>;
}

const IconModelVoice = React.forwardRef(IconModelVoiceComponent);
export default IconModelVoice;
