{% props title: String, description: String = "", icon: Slot = Slot::default(), inner_block: Slot = Slot::default() %}
{#- icon: the media tile's icon; inner_block: the actions, at most one primary. #}
<div class="ui-empty">
<div class="ui-empty-header">
{%- if icon != Slot::default() %}
<div class="ui-empty-media">{{ icon }}</div>
{%- end %}
<h3 class="ui-empty-title">{{ title }}</h3>
{%- if !description.is_empty() %}
<p class="ui-empty-description">{{ description }}</p>
{%- end %}
</div>
{%- if inner_block != Slot::default() %}
<div class="ui-empty-content">{{ inner_block }}</div>
{%- end %}
</div>