StatBadge

import { Badge, Group } from '@ilomee/aura-react';

// StatBadge был Badge и таблицей из четырёх статусов. Таблица — три строки, и держать её там, где
// статусы называются, лучше, чем импортировать ради неё компонент.
const TONE = { ok: 'success', ahead: 'info', behind: 'danger', neutral: 'accent' } as const;

export default function Demo() {
  return (
    <Group>
      <Badge tone={TONE.ok}>on track</Badge>
      <Badge tone={TONE.ahead}>+12%</Badge>
      <Badge tone={TONE.behind}>2 days late</Badge>
      <Badge tone={TONE.neutral}>neutral</Badge>
    </Group>
  );
}