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

function IconMermaidFullComponent(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-mermaid-full${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 16 16" {...rest} ref={ref}><path d="M2.9 9.95a.35.35 0 0 1 .35.35v2.45H5.7a.35.35 0 0 1 .35.35v.6a.35.35 0 0 1-.35.35H2.6a.65.65 0 0 1-.65-.65v-3.1a.35.35 0 0 1 .35-.35h.6Zm10.8 0a.35.35 0 0 1 .35.35v3.1a.65.65 0 0 1-.65.65h-3.1a.35.35 0 0 1-.35-.35v-.6a.35.35 0 0 1 .35-.35h2.45V10.3a.35.35 0 0 1 .35-.35h.6ZM10.95 5.4a.9.9 0 0 1 .9.9v3.4a.9.9 0 0 1-.9.9h-5.9a.9.9 0 0 1-.9-.9V6.3a.9.9 0 0 1 .9-.9h5.9Zm-5.6 4h5.3V6.6h-5.3v2.8Zm.35-7.45a.35.35 0 0 1 .35.35v.6a.35.35 0 0 1-.35.35H3.25V5.7a.35.35 0 0 1-.35.35h-.6a.35.35 0 0 1-.35-.35V2.6c0-.36.29-.65.65-.65h3.1Zm7.7 0c.36 0 .65.29.65.65v3.1a.35.35 0 0 1-.35.35h-.6a.35.35 0 0 1-.35-.35V3.25H10.3a.35.35 0 0 1-.35-.35v-.6a.35.35 0 0 1 .35-.35h3.1Z"/></svg>;
}

const IconMermaidFull = React.forwardRef(IconMermaidFullComponent);
export default IconMermaidFull;
