{# Shared UI macros for parameterized primitives.
   Use `{% include %}` for context-sharing partials (site_header, admin_nav).
   Use these macros for parameterized shapes (empty state, etc).

   Convention: import once at the top of a template as `ui`:
       {%- import "partials/_ui.html" as ui -%}
   then call:
       {% call ui::empty_state("No items yet", "Create one to get started.") %}
#}

{% macro empty_state(title, body) -%}
<div class="empty-state">
    {% if !title.is_empty() %}<h3>{{ title }}</h3>{% endif %}
    <p>{{ body }}</p>
</div>
{%- endmacro %}

{% macro empty_state_with_action(title, body, action_href, action_label) -%}
<div class="empty-state">
    {% if !title.is_empty() %}<h3>{{ title }}</h3>{% endif %}
    <p>{{ body }}</p>
    <p><a href="{{ action_href }}" class="btn-primary">{{ action_label }}</a></p>
</div>
{%- endmacro %}

{% macro empty_state_compact(body) -%}
<div class="empty-state empty-state--compact">
    <p>{{ body }}</p>
</div>
{%- endmacro %}

{% macro empty_state_chart(body) -%}
<div class="empty-state empty-state--chart">{{ body }}</div>
{%- endmacro %}