---
import type { Alert } from '../../lib/stress-index/data';
interface Props { alert: Alert }
const { alert } = Astro.props;
---
<div class:list={['si-alert', alert.severity === 'error' && 'si-alert--error']}>
  <span class="si-alert__mark" aria-hidden="true"></span>
  <div>
    <p class="si-alert__text">{alert.text}</p>
    <p class="si-alert__meta">{alert.clientName} · {alert.when}</p>
  </div>
</div>