html.ts

function ItemList(items: Item[]) {
  return html`
    <div class="flex flex-row">
      <for each=${items} do=${(item) => html`
        <if cond=${item.enabled} then=${() => html`
          <div class="text-white mx-2">${item.label}</div>
        `}>      
      `} else=${() => html`
        <div class="text-gray font-bold">No items</div>
      `}>
    </div>`;
}