import { CardProps } from '@heroui/react';
import { ReactNode } from 'react';
import { AuthUiErrorBoundaryFallback } from '../contained-error.js';
import { SettingsCardState } from '../../../lib/auth/settings/settings-card-state.js';
export interface SettingsSectionProps {
    actions?: ReactNode;
    children?: ReactNode;
    /** Painted card class. Unchanged from the previous SettingsSection API. */
    className?: string;
    contentClassName?: string;
    description?: ReactNode;
    errorMessage?: ReactNode;
    errorTitle?: string;
    headerClassName?: string;
    isRetryPending?: boolean;
    label?: string;
    onRetry?: () => void;
    sectionClassName?: string;
    state?: SettingsCardState;
    title: ReactNode;
    variant?: CardProps["variant"];
}
export declare function SettingsErrorState({ className, error, onRetry, summary, title }: {
    className?: string;
    error?: unknown;
    onRetry?: () => void;
    summary?: string;
    title?: string;
}): import("react").JSX.Element;
export declare function settingsSectionErrorFallback(title: ReactNode, label?: string): AuthUiErrorBoundaryFallback;
/**
 * INV-SETTINGS-LAYOUT-001…004 / INV-SETTINGS-LAYOUT-006:
 * section title and actions stay outside SettingsCardShell in every card state.
 * SettingsCardShell owns surface styling only.
 */
export declare function SettingsSection({ actions, children, className, contentClassName, description, errorMessage, errorTitle, headerClassName, isRetryPending, label, onRetry, sectionClassName, state, title, variant }: SettingsSectionProps): import("react").JSX.Element;
export declare function SettingsSectionBoundary({ children, label, title }: {
    children: ReactNode;
    label?: string;
    title: ReactNode;
}): import("react").JSX.Element;