import { HTMLAttributes, ReactNode } from 'react';
export type LayoutProps = {
    /**
     * Slot for content that appears above the header. For instance, can contain an `AnnouncementBanner` component.
     */
    preheader?: ReactNode;
    /**
     * Slot for the header. Should contain the `GlobalHeader` component.
     */
    header: ReactNode;
    /**
     * Whether the header should stick to the top of the viewport, hiding/showing as the user scrolls down/up.
     * @default false
     */
    headerSticky?: boolean;
    /**
     * Whether the header should be overlaid on top of the main content. When `false`, it occupies space on the page and pushes the main content down.
     * @default false
     */
    headerOverlay?: boolean;
    /**
     * Slot for the footer. Should contain the `GlobalFooter` component.
     */
    footer: ReactNode;
    /**
     * Whether the footer should be overlaid on top of the main content. When `false`, it occupies space on the page below the main content.
     * @default false
     */
    footerOverlay?: boolean;
    /**
     * Whether the header, main, and footer content should automatically be wrapped in a `Container` component.
     * @default true
     */
    container?: boolean;
} & HTMLAttributes<HTMLElement>;
/**
 * Page layout with a header, a main content area, and a footer. The header can be sticky (`headerSticky`) and/or appear over the
 * main content (`headerOverlay`). The footer can also appear over the main content (`footerOverlay`), but that is a rarer use case.
 * By default, the header, main, and footer content are automatically wrapped in a `Container` component, but this can be disabled
 * by setting the `container` prop to `false`.
 */
export declare const Layout: ({ preheader, header, headerSticky, headerOverlay, footer, footerOverlay, container, className, children, ...props }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Layout.d.ts.map