{% props id: String, title: String, description: String = "", inner_block: Slot, footer: Slot = Slot::default(), open: bool = false %}
<dialog class="ui-drawer" id="{{ id }}" aria-labelledby="{{ id }}-title" data-ui="drawer"{% if open %} open{% end %}>
<div class="ui-drawer-handle" aria-hidden="true"></div>
<div class="ui-drawer-header">
<h2 class="ui-drawer-title" id="{{ id }}-title">{{ title }}</h2>
{%- if !description.is_empty() %}
<p class="ui-dialog-description">{{ description }}</p>
{%- end %}
</div>
<div class="ui-drawer-body">{{ inner_block }}</div>
<div class="ui-drawer-footer">{{ footer }}</div>
</dialog>