<div tabindex="-1" role="dialog" aria-modal="true" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front">
  <div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix">
    <h1 class="ui-dialog-title">{{ title|default('Dialog Title') }}</h1>
    <button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close">
      <span class="ui-button-icon ui-icon ui-icon-closethick"></span>
      <span class="ui-button-icon-space"></span>
      Close
    </button>
  </div>
  <div class="ui-dialog-content ui-widget-content">
    <p>
      {{ content|default('Dialog content goes here.') }}
    </p>
  </div>
</div>
