import { default as React, ReactNode } from 'react';
export type LayoutMode = 'standard' | 'wide' | 'full';
export interface LayoutContextValue {
    /** Current layout mode */
    mode: LayoutMode;
    /** CSS classes for the container */
    containerClass: string;
    /** CSS classes for just the max-width (without padding) */
    maxWidthClass: string;
    /** CSS classes for just the padding */
    paddingClass: string;
}
declare const LayoutContext: React.Context<LayoutContextValue | undefined>;
export interface LayoutProviderProps {
    /** Layout mode - controls max-width of content */
    mode?: LayoutMode;
    /** Children to render */
    children: ReactNode;
}
/**
 * LayoutProvider - Provides consistent layout width settings to child components
 *
 * @example
 * ```tsx
 * // Standard width for landing pages
 * <LayoutProvider mode="standard">
 *   <Topbar />
 *   <main>...</main>
 *   <Footer />
 * </LayoutProvider>
 *
 * // Full width for app pages
 * <LayoutProvider mode="full">
 *   <Topbar />
 *   <main>...</main>
 *   <Footer />
 * </LayoutProvider>
 * ```
 */
export declare const LayoutProvider: React.FC<LayoutProviderProps>;
/**
 * useLayout - Hook to access layout context
 *
 * Returns default 'standard' values if used outside LayoutProvider
 */
export declare const useLayout: () => LayoutContextValue;
export { LayoutContext };
//# sourceMappingURL=LayoutContext.d.ts.map