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

function IconDialogueSuggestionComponent(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-dialogue-suggestion${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 18 18" {...rest} ref={ref}><path d="M5.339 15.019h7.284v1.672a.81.81 0 0 1-.81.809H6.148a.81.81 0 0 1-.81-.81v-1.67Z" opacity=".7"/><path fillRule="evenodd" d="M15.362 7.38a6.373 6.373 0 0 1-2.74 5.241v2.397H5.34v-2.397a6.38 6.38 0 1 1 10.023-5.24Zm-4.775 2.317h-.685v5.322H8.283V9.697h-.685a.405.405 0 0 1-.404-.404v-.81c0-.223.181-.404.404-.404h2.989c.223 0 .404.18.404.404v.81a.405.405 0 0 1-.404.404Z" clipRule="evenodd"/></svg>;
}

const IconDialogueSuggestion = React.forwardRef(IconDialogueSuggestionComponent);
export default IconDialogueSuggestion;
