import { ComponentPropsWithoutRef } from 'react';
/**
 * Props for the Page component
 * @extends ComponentPropsWithoutRef<"div">
 */
export type PageProps = ComponentPropsWithoutRef<"div">;
/**
 * Page component for creating full-page layouts with navigation and content areas.
 *
 * Features:
 * - Container for complete page layouts
 * - Supports sidebar navigation with collapsible state
 * - Header with breadcrumbs, chips, and action buttons
 * - Main content area with virtual scrolling
 * - Optional slide-out panels with responsive dialog fallback
 * - Footer with layout utilities
 * - Responsive design with mobile adaptations
 * - Accessibility support with proper landmarks
 * - Automatic tracking ID generation for analytics
 * - Local storage persistence for sidebar state
 *
 * @example
 * <Page>
 *   <Page.Sidebar currentPageTitle="Navigation">
 *     <Page.SidebarHeader>
 *       <Text variant="headline" el="h2">Navigation</Text>
 *     </Page.SidebarHeader>
 *     <SideNav>
 *       <SideNavLink pathname="/">Home</SideNavLink>
 *     </SideNav>
 *   </Page.Sidebar>
 *   <Page.Header
 *     title="Page Title"
 *     breadcrumbs={[{ href: "/", children: "Home" }]}
 *     actions={{ primary: { label: "Save", onClick: handleSave } }}
 *   />
 *   <Page.Content>
 *     <Text>Main content</Text>
 *   </Page.Content>
 *   <Page.Panel open={isPanelOpen} size="medium">
 *     <Text>Panel content</Text>
 *   </Page.Panel>
 *   <Page.Footer>
 *     <Text>Footer content</Text>
 *   </Page.Footer>
 * </Page>
 */
export declare const Page: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
    /**
     * PageSidebar component for creating collapsible navigation sidebars.
     *
     * Features:
     * - Collapsible sidebar with localStorage persistence
     * - Responsive design with adaptive popover on mobile
     * - Automatic tracking ID generation for analytics
     * - Keyboard navigation and accessibility support
     * - Toggle button with tooltip
     * - Context provider for sidebar state
     * - Mobile-friendly popover navigation
     *
     * @example
     * <Page.Sidebar currentPageTitle="Navigation">
     *   <Page.SidebarHeader>
     *     <Text variant="headline" el="h2">Sidebar Title</Text>
     *   </Page.SidebarHeader>
     *   <SideNav>
     *     <SideNavLink pathname="/">Home</SideNavLink>
     *   </SideNav>
     * </Page.Sidebar>
     */
    Sidebar: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        localStorageKey?: string;
        "data-tracking-id"?: string;
        currentPageTitle?: string;
    } & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * PageSidebarHeader component for creating header sections within sidebars.
     *
     * Features:
     * - Container for sidebar header content
     * - Automatic visibility handling based on sidebar collapsed state
     * - Supports all standard div props
     * - Context-aware styling
     *
     * @example
     * <Page.SidebarHeader>
     *   <Text variant="headline" el="h2" size="medium">
     *     Sidebar Title
     *   </Text>
     * </Page.SidebarHeader>
     */
    SidebarHeader: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * PageHeader component for creating page headers with navigation and actions.
     *
     * Features:
     * - Page title with semantic heading
     * - Breadcrumb navigation support
     * - Status chips display
     * - Primary and secondary action buttons
     * - Preference action button/link
     * - Responsive layout with fluid grid
     * - Accessibility support with proper ARIA labels
     * - Flexible layout configuration
     * - Description content support
     *
     * @example
     * <Page.Header
     *   title="Page Title"
     *   breadcrumbs={[
     *     { href: "/", children: "Home" },
     *     { children: "Current Page" }
     *   ]}
     *   chips={[{ label: "Status" }]}
     *   actions={{
     *     primary: { label: "Save", onClick: handleSave },
     *     secondary: [{ label: "Cancel", onClick: handleCancel }]
     *   }}
     * />
     */
    Header: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "title"> & {
        title: string | {
            text: string;
            onChange?: (title: string) => void | boolean;
            editButtonLabel?: string;
            editFieldLabel?: string;
            confirmButtonLabel?: string;
            cancelButtonLabel?: string;
        };
        breadcrumbs?: import('..').BreadcrumbsLinkProps[];
        chips?: import('..').ChipProps[];
        description?: import('react').ReactNode;
        actions?: {
            primary?: Omit<import('..').ButtonProps, "appearance"> & {
                label: string;
            };
            secondary?: (Omit<import('..').ButtonProps, "appearance"> & {
                label: string;
            })[];
        };
        preferenceAction?: (Omit<import('..').ButtonProps, "size" | "className" | "aria-label" | "appearance" | "icon"> & {
            "aria-label": string;
        }) | (Omit<import('..').ButtonLinkProps, "size" | "className" | "aria-label" | "appearance" | "icon"> & {
            "aria-label": string;
        });
        layout?: import('..').LayoutProps;
    } & import('react').RefAttributes<HTMLHeadElement>>;
    /**
     * PageContent component for the main content area of a page.
     *
     * Features:
     * - Semantic main element for page content
     * - Virtual scrolling support for long content
     * - Automatic scroll synchronization
     * - Responsive design
     * - Accessibility support with proper main landmark
     * - Scroll position management
     *
     * @example
     * <Page.Content>
     *   <Text>Main page content goes here</Text>
     *   <Button>Action Button</Button>
     * </Page.Content>
     */
    Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
    /**
     * PagePanel component for creating slide-out panels or dialogs.
     *
     * Features:
     * - Responsive design with dialog fallback on mobile
     * - Multiple size variants (small, medium, large)
     * - Optional padding control
     * - Persistent or controlled open state
     * - Automatic mobile dialog conversion
     * - Keyboard navigation and accessibility support
     * - Smooth animations and transitions
     *
     * @example
     * <Page.Panel open={isOpen} size="medium">
     *   <Text variant="headline" el="h3">Panel Content</Text>
     *   <Button onClick={() => setIsOpen(false)}>Close</Button>
     * </Page.Panel>
     */
    Panel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        open?: boolean;
        size?: "small" | "medium" | "large";
        noPadding?: boolean;
        defaultDrillDownIndex?: import('../DrillDown/internal/DrillDownContext').DrillDownContextProps["index"];
        onDrillDownContextChange?: (context: import('../DrillDown/internal/DrillDownContext').DrillDownContextProps) => void;
    } & import('react').RefAttributes<HTMLDivElement>>;
    /**
     * PageFooter component for creating page footers with layout utilities.
     *
     * Features:
     * - Semantic footer element
     * - Layout utility props support
     * - Responsive design
     * - Accessibility support with proper footer landmark
     * - Flexible content positioning
     *
     * @example
     * <Page.Footer>
     *   <Text>Footer content with layout utilities</Text>
     * </Page.Footer>
     */
    Footer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('..').LayoutUtilProps & import('react').RefAttributes<HTMLDivElement>>;
};