import type { UiColors } from '../../../../common';
import type { MutableRefObject } from 'react';
export type ContainersBoxProps = {
    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTV_1' | 'WTW_1' | 'WTX_1';
    pageMenuContent?: JSX.Element;
    tabMenuContent?: JSX.Element;
    subMenuContent?: JSX.Element;
    content1?: JSX.Element;
    content2?: JSX.Element;
    content3?: JSX.Element;
    children?: React.ReactNode;
    containerColor?: string;
    areaColor?: string;
    isLoadingContainer1?: boolean;
    isLoadingContainer2?: boolean;
    isLoadingContainer3?: boolean;
    overrideContainer1ColorKey?: UiColors;
    overrideContainer2ColorKey?: UiColors;
    overrideContainer3ColorKey?: UiColors;
    container1Ref?: MutableRefObject<HTMLDivElement | null>;
};
declare const ContainersBox: ({ layoutType, pageMenuContent, tabMenuContent, subMenuContent, content1, content2, content3, containerColor, areaColor, isLoadingContainer1, isLoadingContainer2, isLoadingContainer3, overrideContainer1ColorKey, overrideContainer2ColorKey, overrideContainer3ColorKey, container1Ref }: ContainersBoxProps) => JSX.Element;
export default ContainersBox;