import { HTMLAttributes, ReactNode } from 'react';
export interface MonitoringCardProps extends Omit, "title"> {
/** Header title — display font, uppercase, tracked. Required (16/16 HES panels have it). */
title: ReactNode;
/** Optional caption rendered below the title. */
subtitle?: ReactNode;
/** Optional icon rendered inline to the left of the title. */
icon?: ReactNode;
/** Optional right-aligned header slot (e.g. a segmented selector / menu). */
actions?: ReactNode;
/** Card body. */
children?: ReactNode;
className?: string;
}
/**
* MonitoringCard — the official `.mon-glass` shell that HES's 16 monitoring
* panels each hand-roll as a local `CardShell` (LUG-04 / hes-gaps#HG-13). It
* applies the `.mon-glass` recipe (already in the ui-kit theme) plus the shared
* uppercase display-font header, with slots for `icon` / `subtitle` / `actions`.
*
* Standalone, NOT built on the `Card` family — `Card` paints its own opaque
* surface which would double up with `.mon-glass`, and its title style differs.
*
* Generic surface only: the domain page context (`data-mon-page` / `data-glass`)
* is NOT a typed prop — the `.mon-glass` glass is page-scoped in the theme, so the
* consumer's page root owns that attribute (pass via the spread `...rest` escape
* hatch if needed). No `accent` prop: none of the 16 panels vary it (§13).
*/
export declare function MonitoringCard({ title, subtitle, icon, actions, children, className, ...rest }: MonitoringCardProps): import("react").JSX.Element;
//# sourceMappingURL=MonitoringCard.d.ts.map