<div>

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

<div>

  <.button phx-click={show_drawer("drawer-single-with-title")} data-testid="drawer-default-open-button">
    Open Drawer
  </.button>
  <.drawer id="drawer-single-with-title" has_close_button>
    <:title>
    </:title>
    <div class="w-space-40 gap-space-12 flex items-center justify-center h-full bg-brand-subtle text-brand">Content</div>
  </.drawer>
</div>