interface ThreeColumnLayoutProps {
    contextPanel: React.ReactNode;
    children: React.ReactNode;
    detailPanel: React.ReactNode;
    footer?: React.ReactNode;
    panelState: {
        [key in SidePanel]?: boolean;
    };
    title?: string;
    twoPanelBreakpoint?: number;
    preferredMainWidth?: number;
    expandedContext?: boolean;
    contextButtonPlacement?: "left" | "right";
    headerActions: any;
}
declare enum SidePanel {
    Context = "context",
    Detail = "detail"
}
type LayoutAction = {
    type: "toggle-panel";
    panel: SidePanel;
} | {
    type: "show-panel";
    panel: SidePanel;
    shouldShow: boolean;
} | {
    type: "set-is-reduced";
    value: boolean;
};
declare function useLayoutDispatch(): import('react').Dispatch<LayoutAction>;
declare function ThreeColumnLayout(props: ThreeColumnLayoutProps): import('react').FunctionComponentElement<import('react').ProviderProps<import('react').Dispatch<LayoutAction>>>;
declare namespace ThreeColumnLayout {
    var Panels: typeof SidePanel;
}
export { ThreeColumnLayout, ThreeColumnLayoutProps, useLayoutDispatch };