import { type ReactNode } from "react";
export { BackLink, DetailPage, type DetailBackLink } from "./detail-sheet.js";
export interface DetailPageHeaderProps {
    /** A LogoTile or avatar. Rendered at 40px. */
    leading?: ReactNode | undefined;
    title: ReactNode;
    /** Small chips right of the title: a StatusBadge, a MetaChip ("New", "Organization"). */
    chips?: ReactNode | undefined;
    /** The meta line: "by Maja Berg · in Platform engineering · updated Sep 15". Pass parts as an array. */
    meta?: ReactNode | undefined;
    /** The page's actions: one primary or secondary button and a ⋯ menu. */
    actions?: ReactNode | undefined;
    /** An underline tab row (LineTabsNav or LineTabsList) under the header. */
    tabs?: ReactNode | undefined;
    className?: string | undefined;
}
/** Joins meta parts with a middle dot. Falsy parts are skipped. */
export declare function DetailMeta({ children, className }: {
    children: ReactNode;
    className?: string;
}): import("react").JSX.Element;
export declare function DetailPageHeader({ leading, title, chips, meta, actions, tabs, className, }: DetailPageHeaderProps): import("react").JSX.Element;
/**
 * The page body: one main column and an optional quiet aside card on the
 * right (Created by, Scope, Used by). The aside drops under the main column
 * below 620px of width.
 */
export declare function DetailPageBody({ aside, children, className, }: {
    aside?: ReactNode | undefined;
    children: ReactNode;
    className?: string | undefined;
}): import("react").JSX.Element;
/** The quiet metadata card: label/value items, no border, surface fill. */
export declare function DetailAside({ children, label, className, }: {
    children: ReactNode;
    /** Accessible name of the card. */
    label?: string | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;
export declare function DetailAsideItem({ label, icon, children, }: {
    label: ReactNode;
    /** A 14px icon shown in a small tile before the value. */
    icon?: ReactNode | undefined;
    children: ReactNode;
}): import("react").JSX.Element;