import { default as React } from 'react';
import { BreakpointSupport } from '../../../helpers';
type TextAlign = 'left' | 'right';
type TextGroupBreakpointProps = {
    /**
     * Type of text group layout
     */
    type?: 'horizontal';
    /**
     * Alignment for the label text
     *  @default 'left'
     */
    labelAlign?: TextAlign;
    /**
     * Width for the label (e.g., '200px', '30%', etc.)
     * @default 'auto'
     */
    labelWidth?: string | number;
} | {
    /**
     * Type of text group layout
     */
    type: 'vertical';
    /**
     * Alignment for the label text
     *  @default 'left'
     */
    labelAlign?: 'left';
    /**
     * Width for the label (e.g., '200px', '30%', etc.)
     * @default 'auto'
     */
    labelWidth?: string | number;
};
export type TextGroupProps = BreakpointSupport<TextGroupBreakpointProps> & {
    /**
     * Label for the text group
     */
    label: React.ReactNode;
    /**
     * Value displayed alongside the label
     */
    value: React.ReactNode | React.ReactNode[];
    /**
     * Additional class name(s) to apply to the element
     */
    className?: string;
};
export declare const TextGroup: {
    (props: TextGroupProps): JSX.Element;
    displayName: string;
} & {
    List: {
        (props: import('.').TextGroupListProps): JSX.Element;
        displayName: string;
    };
};
export {};