{{!-- 
    Search results from the global website search function

    Related JS module(s): globalSearchResultItem.js
--}}
{{#each results}}
    <div class="search-results__item">
        {{!-- An image is only shown for first element in the result list --}}
        {{~#if @first}}
            <div class="search-results__item__image"><img src="{{image}}"></div>
        {{/if}}

        {{!-- Result link and teaser text --}}
        <div class="search-results__item__content">
            {{~#if siteTitle}}
                <h3><a href="{{url}}"
                       class="textlink">{{siteTitle}}</a></h3>
            {{/if}}
            {{~#if teaserText}}
                <p>{{teaserText}}</p>
            {{/if}}
        </div>

    </div>
{{/each}}