{# Card Component #}
{% set cardClass = cardClass|default('') %}
<div class="card {{ cardClass }}">
    {% if title is defined %}
    <div class="card-header">
        <h3 class="text-lg font-medium text-secondary-900">{{ title }}</h3>
    </div>
    {% endif %}

    <div class="card-body">
        {{ content|raw }}
    </div>

    {% if footer is defined %}
    <div class="card-footer">
        {{ footer|raw }}
    </div>
    {% endif %}
</div>