import React from 'react';
/**
 * The available layout widths for the Layout component.
 *
 * Available options:
 * - inset-left - 5 columns (500 pixels), medium screens and above: 3 columns (300 pixels), float left
 * - inset-right - 5 columns (500 pixels), medium screens and above: 3 columns (300 pixels), float right
 * - `in-line` - [Default] 7 columns (700 pixels)
 * - `full-width` - Legacy alias for `in-line`
 * - `mid-grid` - 9 columns (900 pixels)
 * - `full-grid` - 12 columns of the grid (1200 pixels)
 *
 * @todo Existing layouts not currently supported by this component. To be implemented in the future:
 * @todo `full-bleed` - Edge to edge of the viewport, no padding
 * @todo The terminology in Spark doesn't align with our terminology. For instance, Editorial uses `full-width` that we map to `full-grid`. We should likely move towards an ubiquitous language prioritising the Editorial one.
 */
type LayoutWidth = 'in-line' | 'mid-grid' | 'full-grid' | 'inset-left' | 'inset-right';
interface ContentLayoutProps {
    dataLayout?: LayoutWidth;
    dataComponent?: string;
    className?: string;
    children: React.ReactNode;
}
export declare const ContentLayout: React.FC<React.PropsWithChildren<ContentLayoutProps>>;
export {};