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

function IconCodeDefaultColorComponent(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-code_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' : '#75B2B6'}/><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="M12.3025 14.5405C11.9801 14.2183 11.458 14.2183 11.1358 14.5405L8.54335 17.1342C8.22125 17.4565 8.22121 17.9787 8.54335 18.3009L11.1345 20.8934 11.2647 20.9988C11.585 21.2103 12.0205 21.1753 12.3025 20.8934 12.6244 20.5712 12.6243 20.0489 12.3025 19.7267L10.2934 17.7163 12.3025 15.7072C12.6246 15.3848 12.6247 14.8627 12.3025 14.5405zM19.8207 14.6355C20.0941 14.3627 20.5156 14.3291 20.8259 14.534L20.9522 14.6368 23.4639 17.1512C23.7762 17.4636 23.7762 17.969 23.4639 18.2814L20.9522 20.7944 20.8272 20.8973C20.5167 21.1026 20.0942 21.0678 19.8207 20.7944 19.5085 20.482 19.5084 19.9752 19.8207 19.6629L21.7673 17.715 19.8194 15.7671 19.7178 15.6421C19.5127 15.3315 19.5472 14.9089 19.8207 14.6355zM16.4937 11.3193C16.579 10.8858 16.9991 10.6025 17.4327 10.6877 17.8662 10.773 18.1479 11.1942 18.0627 11.6277L15.6078 24.1166C15.5225 24.5501 15.1026 24.832 14.6691 24.7468 14.2356 24.6616 13.9536 24.2417 14.0388 23.8082L16.4937 11.3193z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconCodeDefaultColor = React.forwardRef(IconCodeDefaultColorComponent);
export default IconCodeDefaultColor;
