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

function IconSingleDialogueTimeConsumingComponent(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-single_dialogue_time_consuming${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M9.375 0.75C13.7242 0.75 17.25 4.27576 17.25 8.625C17.25 12.9742 13.7242 16.5 9.375 16.5H2.2875C1.85258 16.5 1.5 16.1474 1.5 15.7125V8.625C1.5 4.27576 5.02576 0.75 9.375 0.75ZM9.375 2.25C5.85418 2.25 3 5.10418 3 8.625V15H9.375C12.8958 15 15.75 12.1458 15.75 8.625C15.75 5.10418 12.8958 2.25 9.375 2.25ZM9.64427 6C9.81143 6 9.87205 6.0174 9.93316 6.05009C9.99427 6.08277 10.0422 6.13073 10.0749 6.19184C10.1076 6.25295 10.125 6.31357 10.125 6.48073V11.5193C10.125 11.6864 10.1076 11.747 10.0749 11.8082C10.0422 11.8693 9.99427 11.9172 9.93316 11.9499C9.87205 11.9826 9.81143 12 9.64427 12H9.10573C8.93857 12 8.87795 11.9826 8.81684 11.9499C8.75573 11.9172 8.70777 11.8693 8.67509 11.8082C8.6424 11.747 8.625 11.6864 8.625 11.5193V6.48073C8.625 6.31357 8.6424 6.25295 8.67509 6.19184C8.70777 6.13073 8.75573 6.08277 8.81684 6.05009C8.87795 6.0174 8.93857 6 9.10573 6H9.64427ZM12.6443 7.125C12.8114 7.125 12.872 7.1424 12.9332 7.17509C12.9943 7.20777 13.0422 7.25573 13.0749 7.31684C13.1076 7.37795 13.125 7.43857 13.125 7.60573V10.0193C13.125 10.1864 13.1076 10.247 13.0749 10.3082C13.0422 10.3693 12.9943 10.4172 12.9332 10.4499C12.872 10.4826 12.8114 10.5 12.6443 10.5H12.1057C11.9386 10.5 11.878 10.4826 11.8168 10.4499C11.7557 10.4172 11.7078 10.3693 11.6751 10.3082C11.6424 10.247 11.625 10.1864 11.625 10.0193V7.60573C11.625 7.43857 11.6424 7.37795 11.6751 7.31684C11.7078 7.25573 11.7557 7.20777 11.8168 7.17509C11.878 7.1424 11.9386 7.125 12.1057 7.125H12.6443ZM6.64427 7.125C6.81143 7.125 6.87205 7.1424 6.93316 7.17509C6.99427 7.20777 7.04223 7.25573 7.07491 7.31684C7.1076 7.37795 7.125 7.43857 7.125 7.60573V10.0193C7.125 10.1864 7.1076 10.247 7.07491 10.3082C7.04223 10.3693 6.99427 10.4172 6.93316 10.4499C6.87205 10.4826 6.81143 10.5 6.64427 10.5H6.10573C5.93857 10.5 5.87795 10.4826 5.81684 10.4499C5.75573 10.4172 5.70777 10.3693 5.67509 10.3082C5.6424 10.247 5.625 10.1864 5.625 10.0193V7.60573C5.625 7.43857 5.6424 7.37795 5.67509 7.31684C5.70777 7.25573 5.75573 7.20777 5.81684 7.17509C5.87795 7.1424 5.93857 7.125 6.10573 7.125H6.64427Z"/></svg>;
}

const IconSingleDialogueTimeConsuming = React.forwardRef(IconSingleDialogueTimeConsumingComponent);
export default IconSingleDialogueTimeConsuming;
