{% from "response/macros.html" import grid_double %}

{% set left_content %}
<div class="grid-item">
    <div class="click">
        <div class="row">
            <div class="smalldesc resize-none z-10">
                <button class="expandmedesc inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 px-4 py-2 bg-[#3498db] text-white mb-4 rounded-full">
                    Show full sources
                </button>
                {{ sources_display|safe }}
            </div>
        </div>
    </div>
</div>
{% endset %}

{% set right_content %}
<div class="grid-item"></div>
{% endset %}

{{ grid_double("clickable_reply", left_content, right_content) }}