import * as React from 'react';
import type { WidgetAccent } from '../dashboard-types';
export interface WidgetCardProps {
    title: string;
    subtitle?: string;
    icon?: string;
    accent?: WidgetAccent;
    /** Right-aligned header slot (e.g. a delta chip). */
    headerExtra?: React.ReactNode;
    /** Body content. */
    children?: React.ReactNode;
    className?: string;
    /** Forwarded for testing/automation. */
    'data-testid'?: string;
}
/**
 * The card frame shared by all widgets. Keep the chrome here so a single style
 * change propagates to every kind (and to federated custom widgets).
 */
export declare function WidgetCard({ title, subtitle, icon, accent, headerExtra, children, className, ...rest }: WidgetCardProps): React.JSX.Element;
/** Delta chip: green up / red down, neutral on zero. `text` is preformatted. */
export declare function DeltaChip({ delta, text }: {
    delta: number;
    text: string;
}): React.JSX.Element;
/** Centered empty state inside a widget body (no data / missing). */
export declare function WidgetEmpty({ message }: {
    message: string;
}): React.JSX.Element;
/** Per-widget error state — isolated so a broken widget never tumbles the grid. */
export declare function WidgetError({ message }: {
    message: string;
}): React.JSX.Element;
//# sourceMappingURL=widget-card.d.ts.map