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

function IconFirstCharacterReplyTakesTimeComponent(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-first_character_reply_takes_time${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="M12.875 7.5C15.3603 7.5 17.375 9.51472 17.375 12C17.375 14.4853 15.3603 16.5 12.875 16.5C10.3897 16.5 8.375 14.4853 8.375 12C8.375 9.51472 10.3897 7.5 12.875 7.5ZM12.875 9C11.2181 9 9.875 10.3431 9.875 12C9.875 13.6569 11.2181 15 12.875 15C14.5319 15 15.875 13.6569 15.875 12C15.875 10.3431 14.5319 9 12.875 9ZM13.25 9.75C13.4571 9.75 13.625 9.91789 13.625 10.125V11.25H14.75C14.9571 11.25 15.125 11.4179 15.125 11.625V12.375C15.125 12.5821 14.9571 12.75 14.75 12.75H12.5C12.2929 12.75 12.125 12.5821 12.125 12.375V10.125C12.125 9.91789 12.2929 9.75 12.5 9.75H13.25ZM7.375 13.5C7.58211 13.5 7.75 13.6679 7.75 13.875V14.625C7.75 14.8321 7.58211 15 7.375 15H2.625C2.41789 15 2.25 14.8321 2.25 14.625V13.875C2.25 13.6679 2.41789 13.5 2.625 13.5H7.375ZM7.375 8.25C7.58211 8.25 7.75 8.41789 7.75 8.625V9.375C7.75 9.58211 7.58211 9.75 7.375 9.75H2.625C2.41789 9.75 2.25 9.58211 2.25 9.375V8.625C2.25 8.41789 2.41789 8.25 2.625 8.25H7.375ZM14.625 3C14.8321 3 15 3.16789 15 3.375V4.125C15 4.33211 14.8321 4.5 14.625 4.5H2.625C2.41789 4.5 2.25 4.33211 2.25 4.125V3.375C2.25 3.16789 2.41789 3 2.625 3H14.625Z"/></svg>;
}

const IconFirstCharacterReplyTakesTime = React.forwardRef(IconFirstCharacterReplyTakesTimeComponent);
export default IconFirstCharacterReplyTakesTime;
