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

function IconTabletSmartphoneMulColDarkComponent(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-TabletSmartphone_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 fillRule="evenodd" clipRule="evenodd" d="M15.1667 21.6673C15.1667 23.4622 13.7116 24.9173 11.9167 24.9173H5.41669C3.62176 24.9173 2.16669 23.4622 2.16669 21.6673V10.834C2.16669 9.03906 3.62176 7.58398 5.41669 7.58398H11.9167C13.7116 7.58398 15.1667 9.03906 15.1667 10.834V21.6673ZM11.9167 9.75065C12.515 9.75065 13 10.2357 13 10.834V21.6673C13 22.2656 12.515 22.7507 11.9167 22.7507H5.41669C4.81838 22.7507 4.33335 22.2656 4.33335 21.6673V10.834C4.33335 10.2357 4.81838 9.75065 5.41669 9.75065H11.9167Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path fillRule="evenodd" clipRule="evenodd" d="M8.67727 18.4173C9.27557 18.4173 9.7606 18.9023 9.7606 19.5007C9.7606 20.099 9.27557 20.584 8.67727 20.584H8.66669C8.06838 20.584 7.58335 20.099 7.58335 19.5007C7.58335 18.9023 8.06838 18.4173 8.66669 18.4173H8.67727Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path d="M21.6667 21.6673V4.33398C21.6667 4.04667 21.5525 3.7712 21.3493 3.56803C21.1461 3.36487 20.8707 3.25065 20.5834 3.25065H7.58335C7.29604 3.25065 7.02057 3.36487 6.8174 3.56803C6.61424 3.7712 6.50002 4.04667 6.50002 4.33398C6.50002 4.93229 6.015 5.41732 5.41669 5.41732C4.81838 5.41732 4.33335 4.93229 4.33335 4.33398C4.33335 3.47203 4.67601 2.64563 5.2855 2.03613C5.895 1.42664 6.7214 1.08398 7.58335 1.08398H20.5834C21.4453 1.08398 22.2717 1.42664 22.8812 2.03613C23.4907 2.64563 23.8334 3.47203 23.8334 4.33398V21.6673C23.8334 22.5293 23.4907 23.3557 22.8812 23.9652C22.2717 24.5747 21.4453 24.9173 20.5834 24.9173H17.9829C17.3848 24.9171 16.8996 24.4322 16.8996 23.834C16.8996 23.2358 17.3848 22.7509 17.9829 22.7507H20.5834C20.8707 22.7507 21.1461 22.6364 21.3493 22.4333C21.5525 22.2301 21.6667 21.9546 21.6667 21.6673Z" fill={useCurrentColor ? 'currentColor' : '#FAFAFA'}/></svg>;
}

const IconTabletSmartphoneMulColDark = React.forwardRef(IconTabletSmartphoneMulColDarkComponent);
export default IconTabletSmartphoneMulColDark;
