{% props id: String, title: String, description: String, action: String, method: String = "post", confirm: String, cancel: String = "Cancel", variant: String = "destructive", inner_block: Slot = Slot::default(), open: bool = false %}
<dialog class="ui-dialog" id="{{ id }}" role="alertdialog" aria-labelledby="{{ id }}-title" aria-describedby="{{ id }}-description"{% if open %} open{% end %}>
{{ form_tag(&action, &method) }}
<div class="ui-dialog-header">
<h2 class="ui-dialog-title" id="{{ id }}-title">{{ title }}</h2>
<p class="ui-dialog-description" id="{{ id }}-description">{{ description }}</p>
</div>
{{ inner_block }}
<div class="ui-dialog-footer">
<button class="ui-btn" data-variant="outline" formmethod="dialog" formnovalidate autofocus>{{ cancel }}</button>
<button class="ui-btn"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}>{{ confirm }}</button>
</div>
</form>
</dialog>