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

function IconTreeDatabasePermissionComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-tree_database_permission${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 24 24" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_7b1d213b92__clip0_37122_1120180)"><path fill={useCurrentColor ? 'currentColor' : '#40C6F0'} d="M0 0H24V24H0z"/><path d="M7.33317 18.6667H16.6665C17.0347 18.6667 17.3332 18.3682 17.3332 18V8.66671H13.9998V5.33337H7.33317C6.96498 5.33337 6.6665 5.63185 6.6665 6.00004V18C6.6665 18.3682 6.96498 18.6667 7.33317 18.6667Z" fill={useCurrentColor ? 'currentColor' : '#fff'} stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/><path d="M14 5.33337L17.3333 8.66671Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/><path d="M14 5.33337L17.3333 8.66671" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/><path d="M12.0039 9.88086C12.6881 9.88086 13.1929 10.1566 13.5146 10.5645C13.8212 10.9533 13.9354 11.427 13.9355 11.8115V12.7432H14.5088C14.7849 12.7432 15.0088 12.967 15.0088 13.2432V16.1055C15.0087 16.3816 14.7849 16.6055 14.5088 16.6055H9.5C9.22407 16.6053 9.00007 16.3814 9 16.1055V13.2432C9.00002 12.9672 9.22404 12.7434 9.5 12.7432H10.0732V11.8115C10.0734 11.4271 10.1868 10.9533 10.4932 10.5645C10.8147 10.1565 11.3198 9.88107 12.0039 9.88086ZM12.0039 10.8809C11.6157 10.8811 11.4048 11.0245 11.2793 11.1836C11.1389 11.3617 11.0734 11.6035 11.0732 11.8115V12.7432H12.9355V11.8115C12.9354 11.6035 12.8699 11.3617 12.7295 11.1836C12.6039 11.0245 12.3925 10.8809 12.0039 10.8809Z" fill={useCurrentColor ? 'currentColor' : '#40C6F0'}/></g><defs><clipPath id="svg_7b1d213b92__clip0_37122_1120180"><rect width="24" height="24" rx="6" fill={useCurrentColor ? 'currentColor' : '#fff'}/></clipPath></defs></svg>;
}

const IconTreeDatabasePermission = React.forwardRef(IconTreeDatabasePermissionComponent);
export default IconTreeDatabasePermission;
