import * as React from 'react';
/**
 * ActionsDrawer is a component used in the content manager edit view page and content history page.
 * It's a sticky banner that can expand to reveal more actions. It's used only in mobile and tablet.
 *
 * A similar component is currently in development in the design-system but it's not ready yet.
 * Using the Panels for the edit view page brought some complexity and for the moment, we decided to go with this custom implementation.
 *
 * @TODO: Replace this component with the one in the design-system when it's ready.
 */
interface ActionsDrawerContextValue {
    isOpen: boolean;
    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
    hasContent: boolean;
    hasSideNav: boolean;
}
declare const useActionsDrawer: <Selected, ShouldThrow extends boolean = true>(consumerName: string, selector: (value: ActionsDrawerContextValue | null) => Selected, shouldThrowOnMissingContext?: ShouldThrow | undefined) => ShouldThrow extends true ? Selected : Selected | undefined;
interface RootProps {
    children: React.ReactNode;
    hasContent?: boolean;
    hasSideNav?: boolean;
}
interface HeaderProps {
    children: React.ReactNode;
}
interface ContentProps {
    children: React.ReactNode;
}
declare const ActionsDrawer: {
    Root: ({ children, hasContent, hasSideNav }: RootProps) => import("react/jsx-runtime").JSX.Element;
    Overlay: () => import("react/jsx-runtime").JSX.Element | null;
    Header: ({ children }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
    Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
};
export { ActionsDrawer, useActionsDrawer };