/**
* ActivityFeed — a human-readable, chronological feed of things that happened
* (records logged, statuses changed, documents uploaded, approvals granted).
* Deliberately distinct from a compliance audit log: it favors readability over
* exact provenance. Pair it with a dedicated audit surface where exact history
* is required.
*
* Choosing between the vertical rails: ActivityFeed is for a chronological
* stream of recent activity. For a fixed lifecycle (complete / current /
* upcoming steps) use ProcessTimeline; for a styled rail of discrete events
* with per-item marker tones use Timeline.
*
* Domain-neutral: callers supply entries with a tone, an optional icon, and
* arbitrary title/description nodes. Semantic `
` markup with a connecting
* rail; a zero-state renders when there is nothing to show.
*/
import type { ReactNode } from "react";
import { type ActivityFeedDensity, type ActivityFeedTone } from "./variants.js";
export * from "./variants.js";
export type ActivityFeedItem = {
id: string;
/** What happened — accepts nodes (e.g. an actor name plus an action). */
title: ReactNode;
description?: ReactNode;
timestamp?: ReactNode;
/** Marker icon; a solid dot renders when omitted. */
icon?: ReactNode;
tone?: ActivityFeedTone;
};
export type ActivityFeedProps = {
items: readonly ActivityFeedItem[];
density?: ActivityFeedDensity;
/** Draw the connecting rail between entries. Defaults to `true`. */
showConnectors?: boolean;
ariaLabel?: string;
/** Shown when `items` is empty. Defaults to a quiet English message. */
emptyState?: ReactNode;
};
export declare function ActivityFeed({ items, density, showConnectors, ariaLabel, emptyState, }: ActivityFeedProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map