<div>

  <.button phx-click={show_dialog("dialog-single-with-title")} data-testid="dialog-default-open-button">
    Open Dialog
  </.button>
  <.dialog id="dialog-single-default">
    <div class="w-full flex items-center justify-center h-space-160 bg-brand-subtle text-brand">Content</div>
  </.dialog>
</div>

<div>

  <.button phx-click={show_dialog("dialog-single-with-title")} data-testid="dialog-default-open-button">
    Open Dialog
  </.button>
  <.dialog id="dialog-single-with-title" has_close_button>
    <:title>
    Dialog Title
    </:title>
    <div class="w-full flex items-center justify-center h-space-160 bg-brand-subtle text-brand">Content</div>
  </.dialog>
</div>