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

function IconOperationalAuditComponent(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-operational-audit${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="M17.5 6.834v10.833a.667.667 0 0 1-.667.666H2.9c-.369 0-.399-.298-.399-.666V2.333c0-.368.298-.666.667-.666h9.061c.174 0 .342.068.466.19l4.605 4.5c.129.126.2.297.2.477Zm-8.787.883c0 .617-.335 1.156-.833 1.444v.865h1.25v1.666H7.88v1.025h1.25v1.667H7.463c-.69 0-1.25-.56-1.25-1.25V9.16a1.666 1.666 0 1 1 2.5-1.444Zm5.397 3.975h-3.334v-1.666h3.334v1.666Zm0 2.692h-3.334v-1.667h3.334v1.667Zm0-5.417h-3.334V7.301h3.334v1.666Z" clipRule="evenodd"/></svg>;
}

const IconOperationalAudit = React.forwardRef(IconOperationalAuditComponent);
export default IconOperationalAudit;
