import { default as React } from 'react';
import { BreakpointSupport } from '../../../../helpers';
type TextAlign = 'left' | 'right';
type TextGroupListBreakpointProps = {
    /**
     * Type of text group layout.
     */
    type?: 'horizontal';
    /**
     * Alignment for the label text.
     * @default 'left'
     */
    labelAlign?: TextAlign;
    /**
     * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
     * interpreted as a percent).
     * @default 'auto'
     */
    labelWidth?: string | number;
} | {
    /**
     * Type of text group layout.
     */
    type: 'vertical';
    /**
     * Alignment for the label text. Vertical layout only supports left
     * alignment — pass `'right'` only with `type: 'horizontal'`.
     * @default 'left'
     */
    labelAlign?: 'left';
    /**
     * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
     * interpreted as a percent).
     * @default 'auto'
     */
    labelWidth?: string | number;
};
export interface TextGroupListItem {
    /**
     * Label rendered as the `<dt>` for this row. Strings are auto-wrapped in
     * `<Label>`; any other ReactNode is rendered as-is.
     */
    label: React.ReactNode;
    /**
     * Value rendered as the `<dd>` for this row.
     */
    value: React.ReactNode | React.ReactNode[];
    /**
     * Per-row override of the list-level `labelAlign`. Falls back to the list's
     * value when omitted.
     */
    labelAlign?: TextAlign;
    /**
     * Per-row override of the list-level `labelWidth`. Falls back to the list's
     * value when omitted.
     */
    labelWidth?: string | number;
}
export type TextGroupListProps = BreakpointSupport<TextGroupListBreakpointProps> & {
    /**
     * Label / value pairs rendered together inside a **single** `<dl>` element,
     * preserving the definition-list semantics that stacking N individual
     * `<TextGroup>`s would break.
     */
    items: TextGroupListItem[];
    /**
     * Additional class name(s) to apply to the root `<dl>` element.
     */
    className?: string;
};
/**
 * Multi-row variant of `TextGroup`. Visually identical to stacking N
 * `<TextGroup>` rows, but wraps every label / value pair in **one** semantic
 * `<dl>` — so screen readers announce them as one definition list, not N
 * fragments. Reuse the same `type` / `labelWidth` / `labelAlign` knobs as the
 * single-pair component; per-row overrides are available via `items[i]`.
 */
export declare const TextGroupList: {
    (props: TextGroupListProps): JSX.Element;
    displayName: string;
};
export {};