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

function IconAnonymousAccessComponent(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-anonymous-access${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 18 18" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M2.92495 8.99995C2.92495 5.66752 5.60815 2.96178 8.93195 2.92532L8.93176 2.94136V4.95535C8.93176 5.19556 8.83243 5.4321 8.64554 5.61116C8.45766 5.79116 8.1969 5.8971 7.91926 5.8971C7.3018 5.8971 6.70411 6.13183 6.25905 6.55822C5.81301 6.98556 5.55676 7.57147 5.55676 8.18884V9.57462C5.55676 9.81482 5.45743 10.0514 5.27054 10.2304C5.08266 10.4104 4.8219 10.5164 4.54426 10.5164H3.11574C2.99119 10.0316 2.92495 9.52353 2.92495 8.99995ZM8.99995 15.075C6.68142 15.075 4.66625 13.7761 3.64236 11.8664H4.54426C5.16173 11.8664 5.75942 11.6316 6.20447 11.2052C6.65051 10.7779 6.90676 10.192 6.90676 9.57462V8.18884C6.90676 7.94863 7.00609 7.71209 7.19299 7.53304C7.38087 7.35303 7.64162 7.2471 7.91926 7.2471C8.53673 7.2471 9.13442 7.01236 9.57947 6.58597C10.0255 6.15863 10.2818 5.57272 10.2818 4.95535V3.06043C12.8361 3.60905 14.7941 5.76364 15.0472 8.4156C14.5892 8.24291 14.1022 8.15257 13.6098 8.1499H13.6061H11.5729C11.2669 8.1499 10.9636 8.20887 10.6801 8.32379C10.3966 8.43871 10.1381 8.60753 9.91962 8.8213C9.70116 9.0351 9.52707 9.28971 9.40802 9.57098C9.28896 9.85229 9.22748 10.1543 9.22748 10.4597C9.22748 10.7651 9.28896 11.0671 9.40802 11.3484C9.52707 11.6297 9.70116 11.8843 9.91962 12.0981C10.1381 12.3118 10.3966 12.4807 10.6801 12.5956C10.9636 12.7105 11.2669 12.7695 11.5729 12.7695C11.715 12.7695 11.8484 12.8248 11.9445 12.9189C12.0401 13.0125 12.0911 13.1363 12.0911 13.2622V14.0749C12.0911 14.1252 12.0966 14.1742 12.107 14.2213C11.1979 14.7635 10.1353 15.075 8.99995 15.075ZM13.4376 13.1488C14.2685 12.2605 14.8357 11.1225 15.0146 9.85951C14.9576 9.84759 14.9013 9.82804 14.8469 9.80042C14.4635 9.60574 14.0375 9.50251 13.6042 9.4999H11.5729C11.4402 9.4999 11.3091 9.5255 11.1873 9.5749C11.0654 9.62429 10.9557 9.6963 10.8639 9.78614C10.7721 9.87595 10.7001 9.98177 10.6512 10.0972C10.6024 10.2126 10.5775 10.3357 10.5775 10.4597C10.5775 10.5837 10.6024 10.7068 10.6512 10.8222C10.7001 10.9376 10.7721 11.0434 10.8639 11.1332C10.9557 11.2231 11.0654 11.2951 11.1873 11.3445C11.3091 11.3939 11.4402 11.4195 11.5729 11.4195C12.0638 11.4195 12.5373 11.6102 12.8888 11.9541C13.2136 12.272 13.4094 12.6972 13.4376 13.1488ZM1.57495 8.99995C1.57495 4.89924 4.89924 1.57495 8.99995 1.57495C13.1007 1.57495 16.425 4.89924 16.425 8.99995C16.425 13.1007 13.1007 16.425 8.99995 16.425C4.89924 16.425 1.57495 13.1007 1.57495 8.99995Z"/></svg>;
}

const IconAnonymousAccess = React.forwardRef(IconAnonymousAccessComponent);
export default IconAnonymousAccess;
