<.alert_dialog_header>
  <.alert_dialog_title id="alert-dialog-wide-title">Review changes</.alert_dialog_title>
  <.alert_dialog_description id="alert-dialog-wide-description">
    The following changes will be applied to your production environment.
    Please review carefully before proceeding.
  </.alert_dialog_description>
</.alert_dialog_header>
<p class="text-sm text-muted-foreground">
  This wider alert dialog gives more room for detailed content.
</p>
<.alert_dialog_footer>
  <.alert_dialog_cancel on_cancel={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>
    <.button variant="outline">Cancel</.button>
  </.alert_dialog_cancel>
  <.alert_dialog_action>
    <.button phx-click={Phoenix.LiveView.JS.dispatch("phx-shadcn:hide")}>Apply Changes</.button>
  </.alert_dialog_action>
</.alert_dialog_footer>