AlarmContents

Body region of an alarm card listing the alert details and recommended next actions.

import { AlarmContents } from "@tetherto/mdk-react-devkit";

Prop	Status	Type	Default	Description
`alarmsData`	Required	`unknown`	—	—
`onNavigate`	Required	`(path: string) => void`	—	—

Usage

Renders the body region of an alarm card as a scrollable list of AlarmRow entries from a TimelineItemData array. Shows an EmptyState placeholder when the data is empty or falsy.

Notes

Accepts non-array values via the unknown union type — these are rendered as a ReactNode fallback, enabling progressive disclosure patterns.

Example

import { AlarmContents } from '@tetherto/mdk-react-devkit'const mockAlarms = [  {    item: {      title: 'Miner 0xA1 offline',      subtitle: '2 min ago',      body: 'No telemetry received in 2 min.|Check network connection.',      uuid: 'alarm-001',      status: 'critical',    },    dot: null,    children: null,  },  {    item: {      title: 'Container 03 temp >78°C',      subtitle: '12 min ago',      body: 'Sustained above warning threshold.|Fan speed at maximum.',      uuid: 'alarm-002',      status: 'warning',    },    dot: null,    children: null,  },]export const AlarmContentsExample = () => (  <div className="mdk-example-row">    <AlarmContents      alarmsData={mockAlarms}      onNavigate={(path) => {        console.warn(`navigate to ${path}`)      }}    />  </div>)