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

function IconMonitorFillComponent(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-monitor-fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 48 48" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M39.604 36.36c1.087 0 1.969.88 1.969 1.968v1.896a1.969 1.969 0 01-1.969 1.969H8.396a1.969 1.969 0 01-1.969-1.97v-1.895c0-1.087.882-1.969 1.969-1.969h31.208zm-.656-30.553a2.625 2.625 0 012.625 2.625v22.619a2.625 2.625 0 01-2.625 2.625H9.052a2.625 2.625 0 01-2.625-2.625V8.432a2.625 2.625 0 012.625-2.625h29.896zM16.329 16.526c-.754 0-1.38.55-1.497 1.27l-.02.247v6.3a1.517 1.517 0 003.014.246l.02-.246v-6.3c0-.838-.68-1.517-1.517-1.517zm15.633 0c-.753 0-1.379.55-1.496 1.27l-.02.247v6.3a1.517 1.517 0 003.013.246l.02-.246v-6.3c0-.838-.679-1.517-1.517-1.517zm-7.816-4.667c-.754 0-1.38.55-1.497 1.271l-.02.246v10.967a1.517 1.517 0 003.014.246l.02-.246V13.376c0-.838-.68-1.517-1.517-1.517z"/></svg>;
}

const IconMonitorFill = React.forwardRef(IconMonitorFillComponent);
export default IconMonitorFill;
