import * as React from "react";
import type { DescriptionsLayoutProp } from "../../props/vocabulary/interaction.prop.js";
import type { DescriptionsColumnProp, DescriptionsItemsProp, DescriptionsSpanProp } from "../../props/vocabulary/data.prop.js";
export type { DescriptionsLayoutProp };
export interface DescriptionsProps {
    /**
     * Column count. A plain `1 | 2 | 3` keeps this library's own responsive ladder exactly as it
     * was; any other number, or antd's `{ sm, md, lg, xl }` responsive object, drives the
     * token-published grid instead (antd `column`).
     */
    columns?: DescriptionsColumnProp;
    /** Label placement within each item. Default `vertical` (label over value). */
    layout?: DescriptionsLayoutProp;
    /**
     * Applies only in `layout="horizontal"` — a vertical label sits above the value and end-aligning
     * it there would read as a mistake, exactly like `Form`'s own contract.
     */
    labelAlign?: "start" | "end";
    /**
     * Draw the grid as a bordered table (antd `bordered`): an outer frame, a rule between every
     * cell, and a shaded label cell. Colour and rhythm come from the `--descriptions-*` tokens.
     */
    bordered?: boolean;
    /**
     * Declarative items (antd `items`) — an alternative to composing `Descriptions.Item` children.
     * Both work; `items` renders first, then any children after it.
     */
    items?: DescriptionsItemsProp;
    className?: string;
    children?: React.ReactNode;
}
export declare function Descriptions({ columns, layout, labelAlign, bordered, items, className, children, }: DescriptionsProps): React.JSX.Element;
export declare namespace Descriptions {
    export { DescriptionsItem as Item };
}
export interface DescriptionsItemProps {
    label: React.ReactNode;
    /** Use mono spacing for IDs, paths, JSON. */
    mono?: boolean;
    /**
     * Span full row(s) when the value is long. `2` / `3` keep the ladder they have always painted;
     * `"filled"` takes the whole remaining row (antd), and a responsive `{ sm, md, lg, xl }` object
     * spans a different number of columns per step.
     */
    span?: DescriptionsSpanProp;
    className?: string;
    children: React.ReactNode;
}
declare function DescriptionsItem({ label, mono, span, className, children }: DescriptionsItemProps): React.JSX.Element;