import { ReactElement } from 'react';

/**
 * Shared Email Marketing dashboard widgets — a KPI stat tile and a
 * delivery-health segmented bar. Used by both the Overview tab and the
 * Campaign detail (Statistics) drawer so the two stay visually consistent.
 */

interface EmailOverviewStat {
    label: string;
    value: string;
    hint?: string;
    /** Change vs last month, magnitude only (e.g. "12%", "0.3pp"). */
    delta?: string;
    trend?: "up" | "down";
    /** Whether the change is favourable — drives green (good) vs red (bad). */
    positive?: boolean;
}
interface EmailDeliverySegment {
    label: string;
    count: number;
    /** Tailwind bg-* token for the segment bar + legend swatch. */
    colorClass: string;
}
/** Single KPI tile: label + value + optional trend delta and context hint. */
declare function EmailStatTile({ stat, }: {
    stat: EmailOverviewStat;
}): ReactElement;
/** Delivery-health breakdown: a segmented bar + a legend with counts and %. */
declare function EmailDeliveryHealth({ segments, }: {
    segments: EmailDeliverySegment[];
}): ReactElement;

export { EmailDeliveryHealth, type EmailDeliverySegment, type EmailOverviewStat, EmailStatTile };