import { type ReactNode } from "react";
/**
 * Where a settings section is being rendered.
 *
 * - `sidebar`: the compact agent sidebar panel (dense, small type).
 * - `page`: the full-width settings page, styled as a polished card that
 *   matches the shadcn `Card` surface used by app-owned settings tabs.
 */
export type SettingsSurface = "sidebar" | "page";
export declare function SettingsSurfaceProvider({ surface, children, }: {
    surface: SettingsSurface;
    children: ReactNode;
}): import("react").JSX.Element;
export declare function useSettingsSurface(): SettingsSurface;
interface SettingsSectionProps {
    id?: string;
    icon: ReactNode;
    title: string;
    subtitle?: string;
    badge?: string;
    required?: boolean;
    connected?: boolean;
    open?: boolean;
    onToggle?: () => void;
    children: ReactNode;
}
/**
 * Collapsible settings section. Renders as a compact row in the agent sidebar
 * and as a polished, shadcn-style card on the full settings page (so the
 * framework tabs match app-owned General/Team cards). The visual surface is
 * read from `SettingsSurfaceContext`.
 */
export declare function SettingsSection(props: SettingsSectionProps): import("react").JSX.Element;
export {};
//# sourceMappingURL=SettingsSection.d.ts.map