{% comment %}
Card Component - Django Cotton Version of shadcn/ui Card
Usage: <c-card title="Card Title" description="Card description">Card content</c-card>
Preserves EXACT same HTML output as the original include version
{% endcomment %}

<c-vars 
    title=""
    description=""
    content=""
    header_content=""
    body_content=""
    footer_content=""
/>

<div class="rounded-lg border bg-card text-card-foreground shadow-sm {{ class|default:'' }}">
  {% if title or header_content %}
  <div class="flex flex-col space-y-1.5 p-6">
    {% if title %}
    <h3 class="text-2xl font-semibold leading-none tracking-tight">{{ title }}</h3>
    {% endif %}
    {% if description %}
    <p class="text-sm text-muted-foreground">{{ description }}</p>
    {% endif %}
    {% if header_content %}
    {{ header_content|safe }}
    {% endif %}
  </div>
  {% endif %}
  
  {% if content or body_content or slot %}
  <div class="p-6 pt-0">
    {% if content %}
    {{ content|safe }}
    {% endif %}
    {% if body_content %}
    {{ body_content|safe }}
    {% endif %}
    {% if slot %}
    {{ slot }}
    {% endif %}
  </div>
  {% endif %}
  
  {% if footer_content %}
  <div class="flex items-center p-6 pt-0">
    {{ footer_content|safe }}
  </div>
  {% endif %}
</div>