import React from 'react';
/**
 * Definition list.
 * Nest wrappers (like divs) with dt and dd within
 * (`DLEntry` can be used to save time).
 * NOTE: Wrappers are required. Only one DD per DT is allowed.
 *
 * Doesn’t work in narrow containers if DT and/or DD is too long,
 * since DT and DD always begin on the same line.
 */
declare const DL: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any> | undefined;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, {}>;
/**
 * For use with `DL`.
 * Specify
 */
export declare const DLEntry: React.VoidFunctionComponent<{
    term: JSX.Element | JSX.Element[] | string | string[];
    definition: JSX.Element | JSX.Element[] | string | string[];
    style?: React.CSSProperties;
    className?: string;
    dtStyle?: React.CSSProperties;
    dtClassName?: string;
    ddStyle?: React.CSSProperties;
    ddClassName?: string;
}>;
/**
 * Definition list where DT and DD can start on separate lines.
 *
 * Doesn’t work well for generic listings where it’s important
 * for a nested object to always start to the right of key
 * (never wrap to below).
 */
export declare const WrappableDL: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any> | undefined;
} & React.ClassAttributes<HTMLDListElement> & React.HTMLAttributes<HTMLDListElement> & {
    children?: React.ReactNode;
} & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
export default DL;