import { default as React } from 'react';
export interface ThreeColumnLayoutProps {
    /** Left column content (e.g. navigation, filters) */
    left: React.ReactNode;
    /** Right column content (e.g. table of contents, metadata) */
    right?: React.ReactNode;
    /** Main content */
    children: React.ReactNode;
    className?: string;
}
/**
 * Three-column layout with sticky side columns.
 *
 * On large screens: left (16rem) | content (flex) | right (14rem).
 * On smaller screens the side columns are hidden and only
 * the main content is shown.
 */
export declare function ThreeColumnLayout({ left, right, children, className }: Readonly<ThreeColumnLayoutProps>): React.JSX.Element;
//# sourceMappingURL=ThreeColumnLayout.d.ts.map