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

function IconMenuDatabaseComponent(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-menu-database${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M5.0778 2C3.47742 2 2.18005 3.29736 2.18005 4.89774V15.1022C2.18005 16.7027 3.47742 18 5.0778 18H14.9125C16.513 18 17.8103 16.7027 17.8103 15.1022V4.89774C17.8103 3.29736 16.513 2 14.9125 2H5.0778ZM5.6925 6.92455C5.6925 6.48809 6.04632 6.13426 6.48279 6.13426H7.36089C7.79736 6.13426 8.15119 6.48809 8.15119 6.92455C8.15119 7.36102 7.79736 7.71485 7.36089 7.71485H6.48279C6.04632 7.71485 5.6925 7.36102 5.6925 6.92455ZM9.20481 6.92455C9.20481 6.48809 9.55864 6.13426 9.99511 6.13426H13.5075C13.944 6.13426 14.2978 6.48809 14.2978 6.92455C14.2978 7.36102 13.944 7.71485 13.5075 7.71485H9.99511C9.55864 7.71485 9.20481 7.36102 9.20481 6.92455ZM9.20481 9.99789C9.20481 9.56142 9.55864 9.20759 9.99511 9.20759H13.5075C13.944 9.20759 14.2978 9.56142 14.2978 9.99789C14.2978 10.4344 13.944 10.7882 13.5075 10.7882H9.99511C9.55864 10.7882 9.20481 10.4344 9.20481 9.99789ZM9.99511 12.2948C9.55864 12.2948 9.20481 12.6486 9.20481 13.0851C9.20481 13.5215 9.55864 13.8754 9.99511 13.8754H13.5075C13.944 13.8754 14.2978 13.5215 14.2978 13.0851C14.2978 12.6486 13.944 12.2948 13.5075 12.2948H9.99511ZM6.48279 9.20759C6.04632 9.20759 5.6925 9.56142 5.6925 9.99789C5.6925 10.4344 6.04632 10.7882 6.48279 10.7882H7.36089C7.79736 10.7882 8.15119 10.4344 8.15119 9.99789C8.15119 9.56142 7.79736 9.20759 7.36089 9.20759H6.48279ZM5.6925 13.0851C5.6925 12.6486 6.04632 12.2948 6.48279 12.2948H7.36089C7.79736 12.2948 8.15119 12.6486 8.15119 13.0851C8.15119 13.5215 7.79736 13.8754 7.36089 13.8754H6.48279C6.04632 13.8754 5.6925 13.5215 5.6925 13.0851Z" clipRule="evenodd"/></svg>;
}

const IconMenuDatabase = React.forwardRef(IconMenuDatabaseComponent);
export default IconMenuDatabase;
