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

function IconAgentInputKeyboardComponent(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_input_keyboard${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M1.59998 7.4001C1.59998 5.57756 3.07744 4.1001 4.89998 4.1001H19.1C20.9225 4.1001 22.4 5.57756 22.4 7.4001V16.6001C22.4 18.4226 20.9225 19.9001 19.1 19.9001H4.89998C3.07744 19.9001 1.59998 18.4226 1.59998 16.6001V7.4001ZM4.89998 5.9001C4.07155 5.9001 3.39998 6.57167 3.39998 7.4001V16.6001C3.39998 17.4285 4.07155 18.1001 4.89998 18.1001H19.1C19.9284 18.1001 20.6 17.4285 20.6 16.6001V7.4001C20.6 6.57167 19.9284 5.9001 19.1 5.9001H4.89998ZM14 8.0001H13.5C12.9477 8.0001 12.5 8.44781 12.5 9.0001V9.5001C12.5 10.0524 12.9477 10.5001 13.5 10.5001H14C14.5523 10.5001 15 10.0524 15 9.5001V9.0001C15 8.44781 14.5523 8.0001 14 8.0001ZM17 8.0001H17.5C18.0523 8.0001 18.5 8.44781 18.5 9.0001V9.5001C18.5 10.0524 18.0523 10.5001 17.5 10.5001H17C16.4477 10.5001 16 10.0524 16 9.5001V9.0001C16 8.44781 16.4477 8.0001 17 8.0001ZM10.5 8.0001H9.99998C9.44769 8.0001 8.99998 8.44781 8.99998 9.0001V9.5001C8.99998 10.0524 9.44769 10.5001 9.99998 10.5001H10.5C11.0523 10.5001 11.5 10.0524 11.5 9.5001V9.0001C11.5 8.44781 11.0523 8.0001 10.5 8.0001ZM6.49998 8.0001H6.99998C7.55226 8.0001 7.99998 8.44781 7.99998 9.0001V9.5001C7.99998 10.0524 7.55226 10.5001 6.99998 10.5001H6.49998C5.94769 10.5001 5.49998 10.0524 5.49998 9.5001V9.0001C5.49998 8.44781 5.94769 8.0001 6.49998 8.0001ZM13 13.5001H6.49998C5.94769 13.5001 5.49998 13.9478 5.49998 14.5001C5.49998 15.0524 5.94769 15.5001 6.49998 15.5001H13C13.5523 15.5001 14 15.0524 14 14.5001C14 13.9478 13.5523 13.5001 13 13.5001ZM16 13.5001H17.5C18.0523 13.5001 18.5 13.9478 18.5 14.5001C18.5 15.0524 18.0523 15.5001 17.5 15.5001H16C15.4477 15.5001 15 15.0524 15 14.5001C15 13.9478 15.4477 13.5001 16 13.5001Z"/></svg>;
}

const IconAgentInputKeyboard = React.forwardRef(IconAgentInputKeyboardComponent);
export default IconAgentInputKeyboard;
