<div>
  <.button phx-click={show_bottom_sheet("bottom-sheet-single-default")} data-testid="bottom-sheet-default-open-button">
    Open BottomSheet
  </.button>
  <.bottom_sheet id="bottom-sheet-single-default" has_handle has_close_button>
    <:bottom_sheet_title_content>
        BottomSheet title
    </:bottom_sheet_title_content>
    <div class="w-full flex items-center justify-center h-full bg-brand-subtle text-brand overflow-y-auto">Content</div>
  </.bottom_sheet>
</div>