{#- chirp-ui: Media Object layout primitive
    Media (img/video) + body + optional actions.
    Classic OOCSS pattern for lists, cards, etc.

    Named slots: media, body (default), actions.

    Usage:
        from "chirpui/media_object.html" import media_object, media_object_media, ...

        call media_object(align="start")
            {% slot media %}<img src="..." alt="...">{% end %}
            {% slot body %}<h3>Title</h3><p>Description.</p>{% end %}
            {% slot actions %}<button>Action</button>{% end %}
        end

    Legacy: media_object_media, media_object_body, media_object_actions
-#}

{% def media_object(align="start", cls="", use_slots=false) %}
{% set align_class = " chirpui-media-object--align-" ~ align if align else "" %}
<div class="chirpui-media-object{{ align_class }}{{ " " ~ cls if cls else "" }}">
    {% if use_slots %}
    <div class="chirpui-media-object__media">{% slot media %}</div>
    <div class="chirpui-media-object__body">{% slot %}</div>
    <div class="chirpui-media-object__actions">{% slot actions %}</div>
    {% else %}
    {% slot %}
    {% end %}
</div>
{% end %}

{% def media_object_media(cls="") %}
<div class="chirpui-media-object__media{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}

{% def media_object_body(cls="") %}
<div class="chirpui-media-object__body{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}

{% def media_object_actions(cls="") %}
<div class="chirpui-media-object__actions{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}