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

function IconDataXlsComponent(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-data-xls${loadingKls} ${className}`} width={width} height={height} xmlns="http://www.w3.org/2000/svg" fill={useCurrentColor ? 'currentColor' : 'none'} viewBox="0 0 20 20" {...rest} ref={ref}><path fill={useCurrentColor ? 'currentColor' : '#7FC934'} stroke="#7FC934" d="M3 3.75C3 2.64543 3.89543 1.75 5 1.75H11.0429L17 7.70711V16.25C17 17.3546 16.1046 18.25 15 18.25H5C3.89542 18.25 3 17.3546 3 16.25V3.75Z"/><g opacity=".5"><mask id="svg_3980cbb297__a" width="7" height="7" x="11" y="1" maskUnits="userSpaceOnUse" style={{maskType: 'alpha'}}><path fill={useCurrentColor ? 'currentColor' : '#97BCFF'} d="M11.25 1.25L17.5 7.5H13.75C12.3693 7.5 11.25 6.38071 11.25 5V1.25Z"/></mask><g mask="url(#svg_3980cbb297__a)"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M15 1.25H5C3.61929 1.25 2.5 2.36929 2.5 3.75V16.25C2.5 17.6307 3.61929 18.75 5 18.75H15C16.3807 18.75 17.5 17.6307 17.5 16.25V3.75C17.5 2.36929 16.3807 1.25 15 1.25Z"/></g></g><path fill={useCurrentColor ? 'currentColor' : '#fff'} fillRule="evenodd" d="M6.5625 10V15H13.4375V10H6.5625ZM5.9375 8.75C5.59232 8.75 5.3125 9.02982 5.3125 9.375V15.625C5.3125 15.9702 5.59232 16.25 5.9375 16.25H14.0625C14.4077 16.25 14.6875 15.9702 14.6875 15.625V9.375C14.6875 9.02982 14.4077 8.75 14.0625 8.75H5.9375Z" clipRule="evenodd" opacity=".9"/><g filter="url(#svg_3980cbb297__svg_0e038cbcff__filter0_d_20339_979862)" opacity=".9"><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_3980cbb297__svg_0e038cbcff__paint0_linear_20339_979862)'} fillRule="evenodd" d="M13.4375 13.125L6.5625 13.125V11.875L13.4375 11.875V13.125Z" clipRule="evenodd" shapeRendering="crispEdges"/></g><path fill={useCurrentColor ? 'currentColor' : 'url(#svg_3980cbb297__svg_0e038cbcff__paint1_linear_20339_979862)'} fillRule="evenodd" d="M9.375 15L9.375 10L10.625 10L10.625 15L9.375 15Z" clipRule="evenodd" opacity=".9"/><defs><linearGradient id="svg_3980cbb297__svg_0e038cbcff__paint0_linear_20339_979862" x1="10" x2="10" y1="13.125" y2="11.875" gradientUnits="userSpaceOnUse"><stop stopColor="#fff" stopOpacity=".85"/><stop offset="1" stopColor="#fff"/></linearGradient><linearGradient id="svg_3980cbb297__svg_0e038cbcff__paint1_linear_20339_979862" x1="9.063" x2="9.063" y1="10" y2="15" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset="1" stopColor="#fff" stopOpacity=".4"/></linearGradient><filter id="svg_3980cbb297__svg_0e038cbcff__filter0_d_20339_979862" width="8.875" height="3.25" x="5.563" y="11.875" colorInterpolationFilters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.333333 0 0 0 0 0.623529 0 0 0 0 0.0352941 0 0 0 0.24 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_20339_979862"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_20339_979862" result="shape"/></filter></defs></svg>;
}

const IconDataXls = React.forwardRef(IconDataXlsComponent);
export default IconDataXls;
