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

function IconAgentDialogueComponent(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-agent_dialogue${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 fillRule="evenodd" d="M9.50738 1.79713C8.72463 1.41996 7.86687 1.22438 6.99804 1.22498L6.99782 1.22498C5.95356 1.22533 4.92895 1.50901 4.03313 2.04579C3.13724 2.58261 2.40372 3.35246 1.91066 4.27332C1.41761 5.19418 1.18349 6.23156 1.23321 7.27498C1.27859 8.22718 1.55882 9.15189 2.04704 9.9673L1.25866 12.0653C1.19219 12.2422 1.2259 12.4411 1.34693 12.5862C1.46795 12.7313 1.65761 12.8002 1.84355 12.7666L4.62618 12.2633C5.36345 12.5963 6.1631 12.7709 6.97336 12.7749C7.84226 12.7792 8.70091 12.5873 9.48532 12.2134C10.2697 11.8395 10.9596 11.2933 11.5036 10.6156C12.0476 9.93787 12.4316 9.14606 12.6271 8.2992C12.8226 7.45235 12.8244 6.57228 12.6326 5.7246C12.4407 4.87692 12.06 4.08349 11.5189 3.40345C10.9778 2.72342 10.2902 2.17433 9.50738 1.79713ZM6.99858 2.27498C7.7094 2.27446 8.41117 2.43445 9.05158 2.74304C9.692 3.05163 10.2545 3.50085 10.6973 4.05724C11.14 4.61362 11.4515 5.26281 11.6085 5.95641C11.7655 6.65001 11.7639 7.37012 11.604 8.06305C11.4441 8.75598 11.1298 9.40385 10.6848 9.95835C10.2397 10.5129 9.67525 10.9597 9.03354 11.2656C8.39182 11.5714 7.68938 11.7284 6.97857 11.7249C6.26776 11.7214 5.56691 11.5574 4.92826 11.2452C4.8278 11.1961 4.71427 11.1803 4.60423 11.2002L2.56695 11.5687L3.12167 10.0925C3.18103 9.93455 3.16083 9.75767 3.06738 9.61714C2.59414 8.90551 2.32271 8.07878 2.28202 7.225C2.24133 6.37122 2.43291 5.5224 2.83633 4.76895C3.23975 4.0155 3.83989 3.38565 4.57283 2.94647C5.30576 2.5073 6.14403 2.27523 6.99835 2.27498L6.99858 2.27498ZM4.81645 7.6747C4.73887 7.39532 4.4495 7.23172 4.17012 7.3093C3.89075 7.38688 3.72715 7.67625 3.80473 7.95563C4.29168 9.70928 6.21594 10.7608 7.95531 10.2775C7.96844 10.2739 7.98142 10.2697 7.99422 10.2651C9.03129 9.8878 9.90104 9.03363 10.1956 7.95325C10.2718 7.67351 10.1069 7.38491 9.82716 7.30865C9.54742 7.23238 9.25882 7.39733 9.18256 7.67707C8.98981 8.38407 8.40122 8.99289 7.65464 9.27118C6.46531 9.58963 5.14264 8.84939 4.81645 7.6747ZM5.16637 4.8446H5.1663C4.97297 4.8446 4.78759 4.92143 4.65094 5.05813C4.5143 5.19483 4.43757 5.38018 4.43757 5.57341C4.43757 5.76664 4.5143 5.95199 4.65094 6.08868C4.78759 6.22538 4.97297 6.30221 5.1663 6.30221H5.16637C5.3597 6.30221 5.54508 6.22538 5.68173 6.08868C5.81837 5.95199 5.8951 5.76664 5.8951 5.57341C5.8951 5.38018 5.81837 5.19483 5.68173 5.05813C5.54508 4.92143 5.3597 4.8446 5.16637 4.8446ZM8.83335 6.30221C8.64002 6.30221 8.45464 6.22538 8.31799 6.08868C8.18135 5.95199 8.10462 5.76664 8.10462 5.57341C8.10462 5.38018 8.18135 5.19483 8.31799 5.05813C8.45464 4.92143 8.64002 4.8446 8.83335 4.8446C9.02668 4.8446 9.21206 4.92143 9.34871 5.05813C9.48535 5.19483 9.56208 5.38018 9.56208 5.57341C9.56208 5.76664 9.48535 5.95199 9.34871 6.08868C9.21206 6.22538 9.02668 6.30221 8.83335 6.30221Z" clipRule="evenodd"/></svg>;
}

const IconAgentDialogue = React.forwardRef(IconAgentDialogueComponent);
export default IconAgentDialogue;
