{% load cotton %}

<div class="component-variants">
    <h1>Search Component</h1>
    
    {% for variant in variants %}
    <div class="component-variant">
        <h2 class="variant-title">{{ variant.title }}</h2>
        <c-search
            search_type="{{ variant.search_type }}"
            id="{{ variant.id }}"
        />
    </div>
    {% endfor %}
</div>