import React from 'react';
export declare class PanelItem {
    icon: React.ReactNode;
    content: React.ReactNode;
    title: string;
}
declare const MultiPanelLayout: React.FC<{
    topPanelContent?: React.ReactNode;
    initialLeftPanelContent?: React.ReactNode | PanelItem[];
    setLeftPanelContent?: (value: React.ReactNode | PanelItem[]) => void;
    bottomPanelContent?: React.ReactNode;
    initialRightPanelContent?: React.ReactNode | PanelItem[];
    setRightPanelContent?: (value: React.ReactNode | PanelItem[]) => void;
    leftCollapsable?: boolean;
    rightCollapsable?: boolean;
    leftCollapsedMode?: 'arrow' | 'smallBar' | 'smallTabs' | 'none';
    rightCollapsedMode?: 'arrow' | 'smallBar' | 'smallTabs' | 'none';
    mainContent: React.ReactNode;
    classNameButtons?: string;
    classNameSplitter?: string;
    classNameBorder?: string;
    leftVisible?: boolean;
    rightVisible?: boolean;
    topVisible?: boolean;
    bottomVisible?: boolean;
    setLeftVisible?: (value: boolean) => void;
    setRightVisible?: (value: boolean) => void;
    setTopVisible?: (value: boolean) => void;
    setBottomVisible?: (value: boolean) => void;
}>;
export default MultiPanelLayout;