import type { Density } from '@donotdev/core';
import type { ComponentType, ReactNode } from 'react';
/**
 * Page container variants - semantic layout patterns
 */
export type PageContainerVariant = 'full' | 'standard' | 'docs' | 'narrow' | 'fixed';
/**
 * PageContainer component props
 */
interface PageContainerProps {
    /** Layout variant to use */
    variant?: PageContainerVariant;
    /** Density preset - controls spacing and typography */
    density?: Density;
    /** Additional CSS classes */
    className?: string;
    /** Child content */
    children: ReactNode;
    /** Whether to center the container */
    centered?: boolean;
    /** Add gap-lg spacing to first child */
    gapFirst?: boolean;
}
/**
 * PageContainer - Layout wrapper with semantic width constraints
 *
 * DnDevLayout already handles:
 * - Main padding via --content-padding
 * - Sidebar/header spacing
 * - Responsive behavior
 *
 * @version 0.0.1
 * @since 0.0.1
 * @author AMBROISE PARK Consulting
 *
 * PageContainer provides:
 * - Semantic width constraints without additional padding
 * - Automatic spacing system using CSS variables
 *
 */
export declare const PageContainer: ComponentType<PageContainerProps>;
export {};
//# sourceMappingURL=PageContainer.d.ts.map