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

function IconApplicationApprovalComponent(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-application_approval${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 20 20" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path opacity=".5" d="M6.66669 1.66666H13.3334V2.49999C13.3334 2.96023 12.9603 3.33332 12.5 3.33332H7.50002C7.03978 3.33332 6.66669 2.96023 6.66669 2.49999V1.66666Z"/><path fillRule="evenodd" clipRule="evenodd" d="M2.5 2.49999C2.5 2.03975 2.8731 1.66666 3.33333 1.66666H6.66667V2.49999C6.66667 2.96023 7.03976 3.33332 7.5 3.33332H12.5C12.9602 3.33332 13.3333 2.96023 13.3333 2.49999V1.66666H16.6667C17.1269 1.66666 17.5 2.03975 17.5 2.49999V17.5C17.5 17.9602 17.1269 18.3333 16.6667 18.3333H3.33333C2.8731 18.3333 2.5 17.9602 2.5 17.5V2.49999ZM8.8416 12.8927C9.23012 13.2812 9.85933 13.2835 10.2507 12.8978L13.7177 9.48073C14.0455 9.15767 14.0493 8.63004 13.7263 8.30225V8.30225C13.4032 7.97446 12.8756 7.97063 12.5478 8.29369L9.55212 11.2461L8.12641 9.82044C7.80097 9.495 7.27334 9.495 6.9479 9.82044V9.82044C6.62246 10.1459 6.62246 10.6735 6.9479 10.9989L8.8416 12.8927Z"/></svg>;
}

const IconApplicationApproval = React.forwardRef(IconApplicationApprovalComponent);
export default IconApplicationApproval;
