import { type ReactNode } from 'react';
import { formatFieldValue, type FieldFormatOptions } from './format';
import type { StatusDef } from './types';
export interface HeaderBadge {
    id: string;
    label?: string;
    status: StatusDef;
}
export interface HeaderMetric {
    label: string;
    value: string;
    tone?: 'default' | 'critical';
    mono?: boolean;
}
export interface DocumentHeaderProps {
    title: string;
    /** Texto bajo el título; si `subtitleHref` viene, es un enlace (ficha del cliente). */
    subtitle?: string;
    subtitleHref?: string;
    badges: HeaderBadge[];
    metrics?: HeaderMetric[];
    copyable?: {
        label: string;
        value: string;
    };
    /** Zona de acciones (normalmente `<ActionBar/>`). */
    actions?: ReactNode;
    /** Slot antes del título (botón «Volver»). */
    leading?: ReactNode;
    /** Renderiza el subtítulo como enlace del router del host. */
    renderLink?: (props: {
        href: string;
        children: ReactNode;
        className?: string;
    }) => ReactNode;
    className?: string;
}
export declare function DocumentHeader({ title, subtitle, subtitleHref, badges, metrics, copyable, actions, leading, renderLink, className, }: DocumentHeaderProps): import("react").JSX.Element;
export { formatFieldValue };
export type { FieldFormatOptions };
//# sourceMappingURL=document-header.d.ts.map