---
/** Chips — a row of fact chips; status is drawn first as the status chip. */
interface Props { status?: string; items: string[]; class?: string }
const { status, items, class: cls = 'case-chips' } = Astro.props;
---
<ul class={cls}>
  {status && <li class="chip chip-status">{status}</li>}
  {items.map((c) => <li class="chip" set:html={c} />)}
</ul>