import { CardProps } from '@heroui/react';
import { ComponentProps, ReactNode } from 'react';
import { AuthUiSettingsView } from '../../../lib/auth/core/auth-view.js';
import { ResolvedSettingsSectionContribution } from '../../../lib/auth/core/extension.js';
import { AuthSurfaceVariant } from '../../../lib/auth/core/resolve-auth-input-variant.js';
export interface SettingsSectionDefinition {
    id: string;
    isVisible?: boolean;
    label?: string;
    render: () => ReactNode;
    title?: ReactNode;
}
export declare function settingsContributionSections(contributions: readonly ResolvedSettingsSectionContribution[], variant?: CardProps["variant"]): SettingsSectionDefinition[];
export declare function getPluginSettingsSectionId(pluginId: string, index: number, total: number): string;
export declare function settingsPluginSectionTitle(plugin: {
    id: string;
    localization?: Record<string, unknown>;
}): string;
export interface SettingsSectionsStackProps {
    className?: string;
    sections: SettingsSectionDefinition[];
    variant?: AuthSurfaceVariant;
    view: AuthUiSettingsView;
}
export declare function SettingsSectionsStack({ className, sections, variant, view, ...props }: SettingsSectionsStackProps & ComponentProps<"div">): import("react").JSX.Element;