{%- capture labelContent -%}
  {%- if icon -%}
    {% tablericon icon %}
  {%- elsif label -%}
    {{ label }}
  {%- endif -%}
{%- endcapture -%}
{% assign dialogId = id | default:"dialog-controls" %}
<button class="dialog-open client-side" aria-label="{{ label }}" data-dialog-trigger="{{ dialogId }}" data-dialog-button>
  {{ labelContent }}
</button>
<dialog
  id="dialog-{{ dialogId }}"
  class="client-side"
  {% if dynamic %}data-dynamic="{{ dynamic }}"{% endif %}
  {% if markdown %}data-markdown="{{ markdown }}"{% endif %}>
  <button class="dialog-close" aria-label="Close dialog" data-dialog-button>
    {% tablericon "circle-x" %}
  </button>
  {%- unless dynamic -%}
  {{ content }}
  {%- endunless -%}
</dialog>