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

function IconMenuConversationComponent(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-menu-conversation${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18H2.7619C2.55984 18 2.36604 17.9197 2.22316 17.7768C2.08027 17.634 2 17.4402 2 17.2381V10C2 5.58095 5.58095 2 10 2ZM10.381 10.7619H6.57143C6.47039 10.7619 6.3735 10.802 6.30205 10.8735C6.23061 10.9449 6.19048 11.0418 6.19048 11.1429V11.9048C6.19048 12.115 6.36114 12.2857 6.57143 12.2857H10.381C10.482 12.2857 10.5789 12.2456 10.6503 12.1741C10.7218 12.1027 10.7619 12.0058 10.7619 11.9048V11.1429C10.7619 11.0418 10.7218 10.9449 10.6503 10.8735C10.5789 10.802 10.482 10.7619 10.381 10.7619ZM13.4286 7.71429H6.57143C6.47039 7.71429 6.3735 7.75442 6.30205 7.82586C6.23061 7.89731 6.19048 7.9942 6.19048 8.09524V8.85714C6.19048 9.06743 6.36114 9.2381 6.57143 9.2381H13.4286C13.5296 9.2381 13.6265 9.19796 13.6979 9.12652C13.7694 9.05507 13.8095 8.95818 13.8095 8.85714V8.09524C13.8095 7.9942 13.7694 7.89731 13.6979 7.82586C13.6265 7.75442 13.5296 7.71429 13.4286 7.71429Z" clipRule="evenodd"/></svg>;
}

const IconMenuConversation = React.forwardRef(IconMenuConversationComponent);
export default IconMenuConversation;
