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

function IconSecuritySettingsComponent(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-security-settings${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : '#000'} viewBox="0 0 20 20" {...rest} ref={ref}><path fillRule="evenodd" d="M9.666 1.26a.8.8 0 0 1 .643 0l6.853 3a.8.8 0 0 1 .48.733l-.001 3.129c0 3.32-1.1 5.491-2.532 7.253-1.297 1.596-3.123 2.808-4.906 3.396a.685.685 0 0 1-.43.002c-.714-.234-3.062-1.141-4.906-3.419-1.835-2.266-2.506-4.469-2.506-7.393L2.36 6.308l-.002-1.316a.8.8 0 0 1 .479-.732l6.83-3ZM11 12.629a.435.435 0 0 0-.435-.435h-1.13a.435.435 0 0 0-.435.435v1.13c0 .24.195.435.435.435h1.13c.24 0 .435-.195.435-.435v-1.13Zm0-6.386a.435.435 0 0 0-.435-.435h-1.13A.435.435 0 0 0 9 6.242v4.574c0 .24.195.435.435.435h1.13c.24 0 .435-.195.435-.435V6.242Z" clipRule="evenodd"/></svg>;
}

const IconSecuritySettings = React.forwardRef(IconSecuritySettingsComponent);
export default IconSecuritySettings;
