<!-- Semmet Angular: Table — https://www.w3.org/WAI/ARIA/apg/patterns/table/ -->
<!--
Usage from a parent component template:
Import <%= classify(name) %> in that parent component. This component only owns the <table>
wrapper — caption, column count, row shape, and the empty state are entirely up to what you
project. A <caption> as the first projected child already gives the table its accessible name
natively; no aria-labelledby wiring needed.

<<%= selector %>>
  <caption>Quarterly revenue, fiscal year 2026</caption>
  <thead>
    <tr>
      <th scope="col">Quarter</th>
      <th scope="col">Revenue</th>
    </tr>
  </thead>
  <tbody>
    @for (row of results; track row.quarter) {
      <tr>
        <th scope="row">{{ row.quarter }}</th>
        <td>{{ row.revenue }}</td>
      </tr>
    } @empty {
      <tr>
        <td colspan="2">No results available.</td>
      </tr>
    }
  </tbody>
</<%= selector %>>
-->
<table>
  <ng-content />
</table>
