import type { ReactNode } from "react";
/** Props for a titled group of SettingRows inside one outline Card. */
export interface SettingsSectionProps {
    /** Section title — Card header, md/600. */
    title: ReactNode;
    /** Muted helper text under the title. */
    description?: ReactNode;
    /** SettingRow elements; each renders its own leading divider. */
    children: ReactNode;
    /** Extra content after the rows, separated by a divider (e.g. a save note or link). */
    footer?: ReactNode;
    /** Header-right slot, aligned to the title row (e.g. an "Edit" button or a toggle). */
    action?: ReactNode;
    /** DOM id on the section, e.g. a scroll target for section nav. */
    id?: string;
    /** Red-bordered "danger zone" look for the header and border. */
    isDanger?: boolean;
}