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

function IconAppSecurityDialogueComponent(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-app-security-dialogue${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 16 16" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#3BD0BE'} fillRule="evenodd" d="M2.222 1.09a.639.639 0 0 0-.642.635v11.43c0 .35.288.635.642.635h7.095a5.36 5.36 0 0 1-.629-.654c-.937-1.158-1.28-2.284-1.28-3.778v-.844l-.001-.673c0-.162.096-.309.244-.374l3.49-1.532a.41.41 0 0 1 .328 0l1.67.73v-4.94a.639.639 0 0 0-.642-.635H9.928v.635c0 .35-.287.635-.642.635H5.433a.639.639 0 0 1-.642-.635V1.09H2.222Zm1.549 3.52a.277.277 0 0 0-.277.276v.664c0 .153.124.276.277.276h4.09a.277.277 0 0 0 .276-.276v-.664a.277.277 0 0 0-.276-.277H3.77Zm0 2.516a.277.277 0 0 0-.277.276v.664c0 .153.124.277.277.277h2.084a.277.277 0 0 0 .277-.277v-.664a.277.277 0 0 0-.277-.276H3.771Z" clipRule="evenodd"/><path fill={useCurrentColor ? 'currentColor' : '#3BD0BE'} d="M4.79 1.09h5.137v.642a.642.642 0 0 1-.642.642H5.432a.642.642 0 0 1-.642-.642V1.09Z" opacity=".5"/><path fill={useCurrentColor ? 'currentColor' : '#3BD0BE'} fillRule="evenodd" d="M11.144 5.934a.409.409 0 0 1 .329 0l3.502 1.533a.409.409 0 0 1 .245.374V9.44c0 1.697-.563 2.806-1.295 3.706a5.588 5.588 0 0 1-2.507 1.736.35.35 0 0 1-.22 0 5.62 5.62 0 0 1-2.506-1.746c-.938-1.158-1.28-2.284-1.28-3.778l-.001-.845v-.672c0-.162.095-.309.244-.374l3.49-1.533Zm1.488 2.461a.455.455 0 0 1 .662-.045.504.504 0 0 1 .054.69l-2.116 2.56a.454.454 0 0 1-.325.165.462.462 0 0 1-.408-.134l-1.35-1.366a.503.503 0 0 1-.015-.691.456.456 0 0 1 .664-.005l1.015 1.027 1.82-2.2Z" clipRule="evenodd" opacity=".5"/></svg>;
}

const IconAppSecurityDialogue = React.forwardRef(IconAppSecurityDialogueComponent);
export default IconAppSecurityDialogue;
