<dialog
  data-app-confirm-dialog
  data-default-title="<?php e(t('Please confirm')); ?>"
  data-default-confirm-label="<?php e(t('Confirm')); ?>"
  data-default-cancel-label="<?php e(t('Cancel')); ?>"
  data-default-danger-note="<?php e(t('This action cannot be undone.')); ?>"
  aria-labelledby="app-confirm-dialog-title"
  aria-describedby="app-confirm-dialog-message"
>
  <article class="app-confirm-dialog app-dialog-sm">
    <header>
      <h2 id="app-confirm-dialog-title" data-app-confirm-title><?php e(t('Please confirm')); ?></h2>
      <button type="button" class="close" data-app-confirm-close aria-label="<?php e(t('Close')); ?>" title="<?php e(t('Close')); ?>"></button>
    </header>
    <p id="app-confirm-dialog-message" data-app-confirm-message></p>
    <p id="app-confirm-dialog-note" data-app-confirm-note class="muted" hidden></p>
    <footer>
      <button type="button" class="secondary outline" data-app-confirm-cancel><?php e(t('Cancel')); ?></button>
      <button type="button" class="primary" data-app-confirm-confirm><?php e(t('Confirm')); ?></button>
    </footer>
  </article>
</dialog>
