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

function IconHistoryMulColDarkComponent(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-History_MulCol_Dark${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M11.9166 7.58268C11.9166 6.98437 12.4017 6.49935 13 6.49935C13.5983 6.49935 14.0833 6.98437 14.0833 7.58268V12.3297L17.8178 14.1969C18.353 14.4645 18.5699 15.1154 18.3024 15.6506C18.0348 16.1857 17.3839 16.4027 16.8488 16.1351L12.5154 13.9684C12.1484 13.7849 11.9166 13.4097 11.9166 12.9993V7.58268Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path d="M13 2.16602C15.1426 2.16602 17.2371 2.80164 19.0186 3.99202C20.8 5.18238 22.1892 6.87382 23.0092 8.85327C23.8291 10.8328 24.0429 13.0117 23.6249 15.1131C23.2068 17.2145 22.1755 19.1449 20.6605 20.6599C19.1455 22.1749 17.2151 23.2062 15.1137 23.6243C13.0123 24.0423 10.8334 23.8285 8.85388 23.0085C6.87443 22.1886 5.18299 20.7994 3.99264 19.018C2.80225 17.2365 2.16663 15.142 2.16663 12.9993C2.16663 12.401 2.65165 11.916 3.24996 11.916C3.84827 11.916 4.33329 12.401 4.33329 12.9993C4.33329 14.7135 4.84201 16.3888 5.79431 17.814C6.74657 19.2392 8.09978 20.3499 9.68331 21.0059C11.2669 21.6618 13.0095 21.8343 14.6906 21.4999C16.3717 21.1655 17.9166 20.3401 19.1286 19.128C20.3407 17.916 21.1661 16.3711 21.5005 14.6899C21.8349 13.0089 21.6624 11.2662 21.0065 9.6827C20.3505 8.09917 19.2398 6.74596 17.8147 5.7937C16.39 4.84179 14.7154 4.3331 13.0021 4.33268C10.5566 4.34239 8.20954 5.29684 6.45129 6.99658L5.86519 7.58268H8.66663C9.26493 7.58268 9.74996 8.06771 9.74996 8.66602C9.74996 9.26432 9.26493 9.74935 8.66663 9.74935H3.24996C2.65165 9.74935 2.16663 9.26432 2.16663 8.66602V3.24935C2.16663 2.65104 2.65165 2.16602 3.24996 2.16602C3.84827 2.16602 4.33329 2.65104 4.33329 3.24935V6.05078L4.93209 5.45199L5.35844 5.05843C7.46675 3.20822 10.1781 2.17665 12.9957 2.16602H13Z" fill={useCurrentColor ? 'currentColor' : '#FAFAFA'}/></svg>;
}

const IconHistoryMulColDark = React.forwardRef(IconHistoryMulColDarkComponent);
export default IconHistoryMulColDark;
