import { getTrustedHTML } from '//resources/js/static_types.js';
export function getTemplate() {
    return getTrustedHTML `<!--_html_template_start_--><style>
  :host {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .12);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: block;
    overflow-x: scroll;
  }

  table {
    border: 0;
    border-collapse: collapse;
  }

  tbody tr {
    border-top-color: rgba(0, 0, 0, .12);
    border-top-style: solid;
    border-top-width: 1px;
  }

  thead tr {
    border: 0;
  }

  table td,
  table th {
    padding-bottom: 16px;
    padding-inline-end: 16px;
    padding-inline-start: 16px;
    padding-top: 16px;
    text-align: start;
    vertical-align: top;
  }

  th[aria-sort] {
    cursor: pointer;
  }

  th[aria-sort]::after {
    content: '\u2B0D'; /* Up Down Black Arrow */
  }

  th[aria-sort='ascending']::after {
    content: '\u2B06'; /* Upwards Black Arrow */
  }

  th[aria-sort='descending']::after {
    content: '\u2B07'; /* Downwards Black Arrow */
  }
</style>
<table>
  <thead>
    <tr></tr>
  </thead>
  <tbody></tbody>
</table>
<!--_html_template_end_-->`;
}
