import { default as React, ReactNode } from 'react';
export interface ScreenContainerProps {
    /** Main content of the screen */
    children: ReactNode;
    /** TopBar component to render at the top */
    topBar?: ReactNode;
    /** Footer component to render at the bottom */
    footer?: ReactNode;
    /** Optional breadcrumb section between topbar and content */
    breadcrumbSection?: ReactNode;
    /** Whether the header (topbar + breadcrumbs) should be sticky */
    stickyHeader?: boolean;
    /** Layout mode for the LayoutProvider */
    layoutMode?: 'standard' | 'wide' | 'full';
    /** Custom className for the outer container */
    className?: string;
    /** Custom className for the content area */
    contentClassName?: string;
    /** Z-index for the sticky header (default: 40) */
    headerZIndex?: number;
}
/**
 * ScreenContainer - A reusable screen layout with sticky header and footer behavior.
 *
 * Provides a consistent page structure with:
 * - Optional sticky header containing topbar and breadcrumbs
 * - Flexible content area that grows to fill available space
 * - Footer that sticks to bottom when content is short
 * - Dark mode support
 *
 * @example
 * ```tsx
 * // Basic usage with slots
 * <ScreenContainer
 *   topBar={<MyTopBar />}
 *   footer={<MyFooter />}
 *   breadcrumbSection={<BreadcrumbSection items={items} />}
 * >
 *   <PageContent />
 * </ScreenContainer>
 *
 * // Minimal usage
 * <ScreenContainer>
 *   <PageContent />
 * </ScreenContainer>
 * ```
 */
export declare const ScreenContainer: React.FC<ScreenContainerProps>;
export default ScreenContainer;
//# sourceMappingURL=ScreenContainer.d.ts.map