import React from "react";
export interface DataFieldProps {
    label?: string;
    value?: string | number | React.ReactNode;
    inline?: boolean;
    align?: "left" | "right" | "center";
    title?: string;
    link?: string;
    className?: string;
    labelClassName?: string;
    /**
     * Tamaño relativo a la densidad activa.
     * - "md" (default): label = font-sm, value = font-base.
     * - "sm": override local que baja un nivel — label = font-xs, value = font-sm.
     *   Útil para listas densas dentro de cards no-densas.
     */
    size?: "sm" | "md";
    /**
     * Gap entre label y value en modo stack (no inline).
     * - "tight": pegado, 0px (label sobre value sin separación).
     * - "sm": gap chico — usa --flysoft-density-gap-sm.
     * - "md" (default): usa --flysoft-density-gap-sm también pero respeta densidad.
     */
    gap?: "tight" | "sm" | "md";
    /**
     * Si es true, oculta el ":" después del label en modo inline.
     * Útil para campos donde el label ya es lo suficientemente claro por contexto.
     */
    hideColon?: boolean;
}
export declare const DataField: React.FC<DataFieldProps>;
//# sourceMappingURL=DataField.d.ts.map