Search Result

{% apply spaceless %}

  {% set classes = [
    'azalea-search-result',
    'grid', 'grid-cols-1', 'md:grid-cols-10', 'gap-4',
    'w-full',
    'px-2', 'lg:px-6', 'py-4',
    'md:max-h-96', 'lg:max-h-max']
  %}
  <div class="{{ classes|join(' ') }}">
    {# Media slot #}
    {% if block('media') is defined and block('media') != '' %}
      <div class="col-span-1 md:col-span-3 lg:col-span-2">
        {{ block('media') }}
      </div>
    {% endif %}
    <div class="col-span-1 md:col-span-6">
      {# Header slot #}
      {% if block('header') is defined and block('header') != '' %}
        <header class="mb-4">
          {{ block('header') }}
        </header>
      {% endif %}

      {# Body slot #}
      {% if block('body') is defined and block('body') != '' %}
        <div class="azalea-text-sm">
          {{ block('body') }}
        </div>
      {% endif %}
    </div>

    {# Info slot #}
    {% if block('info') is defined and block('info') != '' %}
      <div class="col-span-1 md:col-span-1 lg:col-span-2">
        {{ block('info') }}
      </div>
    {% endif %}

  </div>
{% endapply %}