{% props title: String = "", description: String = "", inner_block: Slot, footer: Slot = Slot::default() %}
<div class="ui-card">
{%- if !title.is_empty() %}
<div class="ui-card-header">
<h3 class="ui-card-title">{{ title }}</h3>
{%- if !description.is_empty() %}
<p class="ui-card-description">{{ description }}</p>
{%- end %}
</div>
{%- end %}
<div class="ui-card-content">{{ inner_block }}</div>
<div class="ui-card-footer">{{ footer }}</div>
</div>