import { ReactNode } from 'react';
export interface FieldViewProps {
    label?: string;
    /**
     * Field value. A string or number renders as styled text; any other ReactNode
     * (chip, link, badge, etc.) renders as-is.
     */
    value?: ReactNode;
    /**
     * Layout of label vs value:
     * - `"horizontal"` (default) — stacks on mobile, label + value side by side on md+.
     * - `"vertical"` — label on top, value below, on every breakpoint.
     */
    orientation?: "horizontal" | "vertical";
    /** Class for the root container (shorthand for `classNames.base`). */
    className?: string;
    /** Per-slot class overrides. Merged with tailwind-merge, so utilities like widths win. */
    classNames?: {
        /** Root container. */
        base?: string;
        /** The label column (holds the fixed `w-54` on horizontal). */
        labelWrapper?: string;
        /** The label text. */
        label?: string;
        /** The value text (string/number values only; custom nodes render as-is). */
        value?: string;
    };
}
/**
 * Read-only label/value row. Horizontal by default (label + value side by side on md+);
 * pass `orientation="vertical"` to stack label on top of value on desktop too.
 */
export default function FieldView({ label, value, orientation, className, classNames, }: FieldViewProps): import("react").JSX.Element;