import { default as React, ReactNode } from 'react';
import { LayoutMode } from './LayoutContext';
export interface ContentContainerProps {
    /** Content to render */
    children: ReactNode;
    /** Override the layout mode from context */
    mode?: LayoutMode;
    /** Additional CSS classes */
    className?: string;
    /** HTML element to render as */
    as?: 'div' | 'main' | 'section' | 'article';
    /** Whether to include padding (default: true) */
    withPadding?: boolean;
}
/**
 * ContentContainer - Applies consistent width constraints based on layout context
 *
 * @example
 * ```tsx
 * // Uses layout mode from context
 * <LayoutProvider mode="standard">
 *   <ContentContainer>
 *     <h1>Page Title</h1>
 *     <p>Content here...</p>
 *   </ContentContainer>
 * </LayoutProvider>
 *
 * // Override mode locally
 * <ContentContainer mode="wide">
 *   <Dashboard />
 * </ContentContainer>
 *
 * // As main element
 * <ContentContainer as="main" className="py-8">
 *   <PageContent />
 * </ContentContainer>
 * ```
 */
export declare const ContentContainer: React.FC<ContentContainerProps>;
//# sourceMappingURL=ContentContainer.d.ts.map