import { Alerts } from '@hiyve/rn-meeting';
import type { AlertItem } from '@hiyve/rn-meeting';
function AlertsPanel() {
const [alerts, setAlerts] = useState<AlertItem[]>([]);
return (
<Alerts
alerts={alerts}
onAcknowledge={(id) => markAcknowledged(id)}
onDismiss={(id) => removeAlert(id)}
/>
);
}
Presentation-only alert card list.
Displays a scrollable list of alert cards, each styled according to its severity type (info, warning, success, error). Each card shows a type indicator, title, message, relative timestamp, and optional Acknowledge and Dismiss buttons. Acknowledged alerts render with reduced opacity.
An empty-state message is shown when there are no alerts.