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

function IconMarkdownDefaultColorComponent(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-markdown_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' : '#8CA9E0'}/><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="M7.59375 14.216V21.1872C7.59375 21.3004 7.68555 21.3922 7.79878 21.3922H9.5494C9.66264 21.3922 9.75443 21.3004 9.75443 21.1872V17.7465C9.75443 17.553 9.99785 17.4672 10.1192 17.6179L11.7554 19.6505C11.8375 19.7525 11.9928 19.7525 12.0748 19.6505L13.7111 17.6179C13.8324 17.4672 14.0758 17.553 14.0758 17.7465V21.1872C14.0758 21.3004 14.1676 21.3922 14.2808 21.3922H16.0315C16.1447 21.3922 16.2365 21.3004 16.2365 21.1872V14.216C16.2365 14.1028 16.1447 14.011 16.0315 14.011H14.174C14.1119 14.011 14.0532 14.0391 14.0142 14.0875L12.0748 16.4968C11.9928 16.5987 11.8375 16.5987 11.7554 16.4968L9.81599 14.0875C9.77707 14.0391 9.71834 14.011 9.65627 14.011H7.79878C7.68555 14.011 7.59375 14.1028 7.59375 14.216zM18.2373 18.179L21.0126 21.2244C21.0944 21.3142 21.2359 21.3135 21.3169 21.223L24.1009 18.1105C24.2191 17.9784 24.1253 17.7688 23.9481 17.7688H22.4509C22.3377 17.7688 22.2459 17.677 22.2459 17.5637V14.216C22.2459 14.1028 22.1541 14.011 22.0409 14.011H20.2903C20.177 14.011 20.0852 14.1028 20.0852 14.216V17.6308C20.0852 17.744 19.9934 17.8358 19.8802 17.8358H18.3888C18.2107 17.8358 18.1173 18.0473 18.2373 18.179z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconMarkdownDefaultColor = React.forwardRef(IconMarkdownDefaultColorComponent);
export default IconMarkdownDefaultColor;
