import { type LayoutStyle } from "../../style/index.js";
import { type UptimePeriod } from "../shared/status-strip.js";
export type { UptimePeriod } from "../shared/status-strip.js";
export interface UptimeBarProps {
    /** The periods to render, oldest first; each becomes one pill. */
    periods: UptimePeriod[];
    /** What the strip measures (e.g. "API"); shown in the header and leading the accessible name. */
    label?: string;
    /** A summary at the header's right (e.g. "99.98% uptime"). */
    caption?: string;
    /** Caption under the strip's left (oldest) edge (e.g. "90 days ago"). */
    startLabel?: string;
    /** Caption under the strip's right (latest) edge (e.g. "Today"). */
    endLabel?: string;
    /** Caption centred under the strip, between the edge captions (e.g. "1 incident · 2 degraded days"). */
    midLabel?: string;
    compact?: boolean;
    /** Display header and taller history marks for a status overview. */
    detailed?: boolean;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** Composition within a parent only, never a restyle hook and never a width: the parent layout container provides the bounds. */
    style?: LayoutStyle;
}
/**
 * A status strip: one pill per period (operational, degraded, down, unknown) with a
 * summary caption.
 */
export declare function UptimeBar(props: UptimeBarProps): import("react").JSX.Element;
//# sourceMappingURL=uptime-bar.shared.d.ts.map