import { ReactNode } from 'react';
/** Doc section column geometry. Default `"columns"` keeps the reserved right gutter. */
export type SectionLayout = "columns" | "stacked";
/** Shared width used by full document sections and their top toolbar. */
export declare const SECTION_COLUMNS_WIDTH = "@lg:mx-auto @lg:max-w-[calc(70ch+28rem)]";
interface SectionProps {
    title?: string;
    content?: ReactNode;
    sideContent?: ReactNode | null;
    stickySideContent: boolean;
    info?: boolean;
    reverseLayoutOnMobile?: boolean;
    /** Rendered directly above the title, visible on small screens only (e.g. a logo that otherwise lives at the top of the desktop sidebar). */
    mobileLeadContent?: ReactNode;
    /**
     * `"columns"` (default) — two-column layout at `@lg` with a reserved 400px
     * right gutter (used for side content, or left empty so lists align with
     * Info/Servers in the full widget).
     * `"stacked"` — single column at full container width; no reserved gutter
     * and no prose max-width. When `sideContent` is present it renders below
     * the main content. Prefer this when embedding a section alone (e.g. an
     * Operations table) so long addresses aren't force-truncated.
     */
    layout?: SectionLayout;
}
export default function Section({ title, content, sideContent, stickySideContent, info, reverseLayoutOnMobile, mobileLeadContent, layout, }: SectionProps): import("react").JSX.Element;
export {};