import { ReactNode } from 'react';
/**
 * SettingsLayout
 * Classification: custom (template)
 *
 * Two-column settings page: a section navigation list on the left and the
 * active section's content on the right.
 */
export interface SettingsSection {
    id: string;
    label: string;
}
export interface SettingsLayoutProps {
    title?: string;
    sections: SettingsSection[];
    activeId?: string;
    onSelect?: (id: string) => void;
    children: ReactNode;
}
export declare function SettingsLayout({ title, sections, activeId, onSelect, children, }: SettingsLayoutProps): import("react").JSX.Element;