TSRX Playground

export function Cart({ items }): unknown @{
  const count = items.length;
  <ul class="cart">
    @for (const item of items; key item.id) {
      <li>{item.label}</li>
    } @empty {
      <li>Your cart is empty</li>
    }
    @if (count > 0) { <li>{count} in the cart</li> }
    <style>.cart { display: grid; gap: 4px; }</style>
  </ul>
}