<div>
  <.button phx-click={show_drawer("#modal-single-default")} data-testid="modal-default-open-button">
    Open Modal
  </.button>
  <.drawer id="modal-single-default" mode="modal">
    <div class="flex flex-col items-center" data-testid="modal-default-content">
      <h3 class="text-heading-500 transition-colors" data-testid="modal-default-title">
        Hello there
      </h3>
      <p class="text-body-500 transition-colors" data-testid="modal-default-description">
        This is a Modal
      </p>
      <.button
        class="mt-space-40"
        phx-click={hide_drawer("#modal-single-default")}
        data-testid="modal-default-close-button"
      >
        Close
      </.button>
    </div>
  </.drawer>
</div>