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

function IconWebDefaultColorComponent(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-web_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 fillRule="evenodd" clipRule="evenodd" d="M16.3512 11.0091C19.9101 11.1895 22.7406 14.132 22.7406 17.7357L22.7314 18.082C22.5511 21.6408 19.6085 24.4713 16.0049 24.4714L15.9971 24.4701L15.9945 24.4714L15.9867 24.4701L15.6585 24.4622C12.2143 24.2878 9.45288 21.5262 9.27832 18.082L9.27181 17.8737C9.26257 17.8292 9.25879 17.7829 9.25879 17.7357C9.25879 17.688 9.2624 17.6412 9.27181 17.5964C9.34595 13.9407 12.3315 11 16.0049 11L16.3512 11.0091ZM19.1273 18.4089C19.0069 19.8619 18.4969 21.3007 17.596 22.6315L17.3825 22.944C19.48 22.3907 21.0746 20.606 21.3486 18.4089H19.1273ZM10.6598 18.4089C10.9325 20.5957 12.5145 22.374 14.5973 22.9362L14.3916 22.6315C13.4907 21.3007 12.9808 19.8619 12.8604 18.4089H10.6598ZM14.2132 18.4089C14.3313 19.5983 14.7612 20.7757 15.5062 21.8763L15.9932 22.5951L16.4814 21.8763C17.2265 20.7757 17.6563 19.5982 17.7744 18.4089H14.2132ZM17.596 12.8398C18.4969 14.1707 19.0069 15.6094 19.1273 17.0625H21.3499C21.0761 14.8655 19.4809 13.0796 17.3838 12.526L17.596 12.8398ZM15.5062 13.5951C14.7613 14.6957 14.3314 15.8731 14.2132 17.0625H17.7744C17.6562 15.8731 17.2263 14.6957 16.4814 13.5951L15.9932 12.8737L15.5062 13.5951ZM14.5973 12.5339C12.5142 13.096 10.9324 14.8755 10.6598 17.0625H12.8604C12.9808 15.6094 13.4908 14.1707 14.3916 12.8398L14.5973 12.5339Z" fill={useCurrentColor ? 'currentColor' : '#fff'}/></svg>;
}

const IconWebDefaultColor = React.forwardRef(IconWebDefaultColorComponent);
export default IconWebDefaultColor;
