import type { ReactNode } from 'react';
/**
 * A labelled property row — "Status", "Lead", and whatever else a page
 * declares (2026-09-01). Both apps carried one, and they had already
 * drifted: Peek's label was `text-xs` — a Tailwind default with the wrong
 * line-height, not the caption token — and Ship's had grown a layout Peek's
 * lacked. One component, both layouts, the token:
 *
 * - `row` — Peek's: a 68px label column that lines the values up into a
 *   column of their own; `text-secondary` rather than muted because a
 *   property label is content, not a placeholder.
 * - `stacked` — Ship's rail: the label above a full-width control. The label
 *   is the `menu` token (9px / 115% / 500), uppercase and letter-spaced —
 *   its own voice, deliberately not SectionLabel's (unmerged, Katerina
 *   2026-09-01). A literal string, not merged, so the token size survives.
 *
 * **A name and its value, in the markup made for it** (stage 6 of the
 * migration, 2026-09-14). Base UI has no part for this, so it is HTML's own:
 * a `<dl>` holding one `<dt>` (the label) and one `<dd>` (the value), so a
 * screen reader hears the label as the name of what follows rather than as a
 * loose word beside it. Each property is a list of one, which needs no
 * wrapper from the caller.
 */
export interface PropertyProps {
    label: string;
    layout?: 'row' | 'stacked';
    children: ReactNode;
    className?: string;
}
export declare function Property({ label, layout, children, className }: PropertyProps): import("react").JSX.Element;
//# sourceMappingURL=Property.d.ts.map