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

function IconExcelDefaultColorComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-excel_default_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M21.8604 1.3335L28 7.47314V25.9038C28 27.5709 28.0002 28.4048 27.6758 29.0415C27.3904 29.6015 26.935 30.0569 26.375 30.3423C25.7383 30.6667 24.9044 30.6665 23.2373 30.6665H8.7627C7.09563 30.6665 6.26175 30.6667 5.625 30.3423C5.06503 30.0569 4.60956 29.6015 4.32422 29.0415C3.99982 28.4048 4 27.5709 4 25.9038V6.09619C4 4.42912 3.99978 3.59524 4.32422 2.9585C4.60959 2.39852 5.06502 1.94308 5.625 1.65771C6.26175 1.33328 7.09563 1.3335 8.7627 1.3335H21.8604Z" fill={useCurrentColor ? 'currentColor' : '#69B889'}/><path d="M24.2412 7.47314C23.408 7.47314 22.9912 7.47314 22.6729 7.31104C22.3929 7.16841 22.1652 6.94052 22.0225 6.66064C21.8602 6.34226 21.8604 5.92488 21.8604 5.09131L21.8604 1.3335L28 7.47314L24.2412 7.47314Z" fill={useCurrentColor ? 'currentColor' : '#fff'} fillOpacity=".5"/><path d="M11.6029 12.4548H13.5072L15.9985 16.1489L18.4899 12.4548H20.3942L16.9292 17.3946L20.6376 22.678H18.7333L15.9985 18.6259L13.2638 22.678H11.3595L15.0392 17.3946L11.6029 12.4548Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconExcelDefaultColor = React.forwardRef(IconExcelDefaultColorComponent);
export default IconExcelDefaultColor;
