import { default as React } from 'react';
import { TitleProps } from '../Title';
import { Breakpoint } from '../../hooks/useBreakpoint';
export type DuolistVariants = 'normal' | 'line';
export type BoldColumn = 'first' | 'second' | 'none';
export type Border = 'no-border' | 'border';
export type Formats = 'formatted' | 'non-formatted';
export interface DuolistProps {
    /** Determines which column is bold */
    boldColumn?: BoldColumn;
    /** Label of the Duolist */
    border?: Border;
    /** Label of the Duolist */
    label?: React.ReactElement<TitleProps>;
    /** Formatted or non-formatted visual variants */
    format?: Formats;
    /** Character separator for non-formatted format */
    separator?: string;
    /** Sets the visual variant of the Duolist. */
    variant?: DuolistVariants;
    /** Sets the content of the Duolist. */
    children: React.ReactNode;
    /** Adds custom classes to the element. */
    className?: string;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Width of the description column in percentage */
    descriptionWidth?: number;
    /** Use collapsed mode on columns from chosen breakpoint and below. */
    useCollapsedFromAndBelowBreakpoint?: keyof typeof Breakpoint;
}
export interface DuolistGroupProps {
    /** Determines which column is bold */
    boldColumn?: BoldColumn;
    /** Sets content of the <dd> tag. */
    description: React.ReactNode;
    /** Formatted or non-formatted visual variants */
    format?: Formats;
    /** Character separator for non-formatted format */
    separator?: string;
    /** Sets content of the <dt> tag. */
    term: React.ReactNode;
    /** Sets the data-testid attribute. */
    testId?: string;
}
export declare const DuolistGroup: React.FC<DuolistGroupProps>;
export declare const Duolist: React.FC<DuolistProps>;
export default Duolist;
