<div class="favourites">
    <ul class="list-underlined" v-if="favourites.length > 0">
        <li v-for="favourite in favourites" class="flex">
            <a href="#" @click="choose(favourite)" class="btn btn-action pl-0 flex-grow-1 text-left">
                <span class="icon">
                    <fa :icon="['fal', 'star']"></fa>
                </span>
                <span class="text">{{ favourite.name }}</span>
            </a>
            <button class="btn btn-action" @click="remove(favourite)">
                <fa :icon="['fal', 'trash-alt']"></fa>
            </button>
        </li>
    </ul>
    <div class="alert alert-info" v-else>
        <fa :icon="['fal', 'info-circle']"></fa>
        Brak zapisanych zespołów przystanków
    </div>
</div>