import type { ReactNode } from "react";
/** Props for one settings row: title/description on the left, one control right-aligned. */
export interface SettingRowProps {
    /** Row title — 14px/500/text[800]; becomes a `<label>` when `htmlFor` is set. */
    title: ReactNode;
    /** Muted helper text under the title — 13px/textMuted. */
    description: ReactNode;
    /** The field/switch/button for this row, right-aligned on desktop. Auto-named via aria-labelledby/aria-describedby unless it already has its own aria-label or htmlFor is set. */
    control: ReactNode;
    /** The control's id — makes `title` a `<label htmlFor>` instead of plain text. */
    htmlFor?: string;
    /** Id on the description; auto-generated when omitted, and read by the control's aria-describedby. */
    descriptionId?: string;
    /** Dims the row to signal it can't be changed right now (e.g. plan-gated). */
    isDisabled?: boolean;
}