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

function IconWebEmbComponent(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-web-emb${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 fillRule="evenodd" d="M3.59999 2.20001C2.38497 2.20001 1.39999 3.18499 1.39999 4.40001V11.5333C1.39999 12.7484 2.38497 13.7333 3.59999 13.7333H12.4C13.615 13.7333 14.6 12.7484 14.6 11.5333V4.40001C14.6 3.18499 13.615 2.20001 12.4 2.20001H3.59999ZM2.59999 4.40001C2.59999 3.84773 3.04771 3.40001 3.59999 3.40001H12.4C12.9523 3.40001 13.4 3.84773 13.4 4.40001V6.15053H2.79068H2.59999V4.40001ZM2.59999 7.35053V11.5333C2.59999 12.0856 3.04771 12.5333 3.59999 12.5333H12.4C12.9523 12.5333 13.4 12.0856 13.4 11.5333V7.35053H2.79068H2.59999ZM5.33333 4.80001C5.33333 5.1682 5.03485 5.46668 4.66666 5.46668C4.29847 5.46668 3.99999 5.1682 3.99999 4.80001C3.99999 4.43182 4.29847 4.13335 4.66666 4.13335C5.03485 4.13335 5.33333 4.43182 5.33333 4.80001ZM7.02294 5.46668C7.39113 5.46668 7.68961 5.1682 7.68961 4.80001C7.68961 4.43182 7.39113 4.13335 7.02294 4.13335C6.65475 4.13335 6.35628 4.43182 6.35628 4.80001C6.35628 5.1682 6.65475 5.46668 7.02294 5.46668Z" clipRule="evenodd"/></svg>;
}

const IconWebEmb = React.forwardRef(IconWebEmbComponent);
export default IconWebEmb;
