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

function IconCsvDefaultColorComponent(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-csv_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="M19.3296 15.095H20.8176L22.3056 19.595 23.7936 15.095H25.2816L22.9896 21.299H21.6216L19.3296 15.095zM16.0247 14.9268C17.6567 14.9268 18.5567 15.5748 18.7007 16.8948H17.3687C17.2727 16.5828 17.1287 16.3548 16.9367 16.2348 16.7327 16.1028 16.4207 16.0428 16.0007 16.0428 15.6407 16.0428 15.3647 16.0908 15.1847 16.1988 14.9687 16.3068 14.8727 16.4748 14.8727 16.7148 14.8727 16.9068 15.0287 17.0868 15.3647 17.2308 15.5687 17.3148 15.9767 17.4348 16.6007 17.5908 17.2967 17.7588 17.8247 17.9508 18.1607 18.1788 18.6527 18.4908 18.9047 18.9348 18.9047 19.4868 18.9047 20.8068 17.9687 21.4668 16.1087 21.4668 14.3807 21.4668 13.4567 20.7348 13.3247 19.2828H14.6567C14.7287 19.6788 14.8727 19.9548 15.0767 20.1228 15.2807 20.2668 15.6047 20.3508 16.0607 20.3508 17.0207 20.3508 17.5007 20.0868 17.5007 19.5828 17.5007 19.2948 17.3207 19.0668 16.9607 18.8988 16.7687 18.8028 16.3607 18.6948 15.7367 18.5508 15.0047 18.3828 14.4887 18.2028 14.1887 18.0108 13.7087 17.7108 13.4687 17.2908 13.4687 16.7508 13.4687 16.1748 13.6967 15.7308 14.1767 15.4188 14.6447 15.0828 15.2567 14.9268 16.0247 14.9268zM9.74226 14.9268C10.5463 14.9268 11.1823 15.1068 11.6623 15.4668 12.1543 15.8508 12.4663 16.4268 12.5863 17.2068H11.2303C11.1463 16.8108 10.9783 16.5228 10.7383 16.3308 10.4863 16.1388 10.1503 16.0428 9.74226 16.0428 9.23826 16.0428 8.84226 16.2228 8.55426 16.6068 8.26626 16.9788 8.12226 17.5068 8.12226 18.1788 8.12226 18.8628 8.25426 19.4028 8.54226 19.7868 8.80626 20.1588 9.20226 20.3508 9.73026 20.3508 10.6423 20.3508 11.1463 19.8948 11.2543 18.9948H12.6103C12.4663 19.8348 12.1423 20.4588 11.6503 20.8668 11.1703 21.2628 10.5223 21.4668 9.71826 21.4668 8.75826 21.4668 8.01426 21.1548 7.48626 20.5308 6.97026 19.9308 6.71826 19.1508 6.71826 18.1908 6.71826 17.2548 6.97026 16.4868 7.47426 15.8988 8.01426 15.2508 8.77026 14.9268 9.74226 14.9268z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconCsvDefaultColor = React.forwardRef(IconCsvDefaultColorComponent);
export default IconCsvDefaultColor;
