CalloutList

import { Alert, Stack } from '@ilomee/aura-react';

const ITEMS = [
  { id: 'build', tone: 'danger', title: 'Build failed', body: 'aura-svelte — 2 minutes ago' },
  { id: 'budget', tone: 'warning', title: 'Budget at 80%', body: 'Three days left in the cycle.' },
  { id: 'accent', tone: 'info', title: 'New accent shipped', body: 'teal is now available.' },
] as const;

// Лента с уровнями важности — это Stack из Alert. Рецепт, который тут был, добавлял обёртку, пустое
// состояние и три новых имени пропсов — ничего из этого здесь не нужно.
export default function Demo() {
  return (
    <Stack gap={2} style={{ width: '100%' }}>
      {ITEMS.map((item) => (
        <Alert key={item.id} tone={item.tone} title={item.title}>
          {item.body}
        </Alert>
      ))}
    </Stack>
  );
}