@props(['brands'])

@if ($brands->isNotEmpty())
    <section class="container pt-3" aria-label="Brands">
        <ul class="list-unstyled row row-cols-2 row-cols-md-3 row-cols-lg-6 g-3 mb-0">
            @foreach ($brands as $brand)
                <li class="col">
                    <a class="sm-brand-tile" href="{{ $brand->link ? url($brand->link) : route('storefront.offers') }}">
                        <span class="sm-brand-icon"><i class="bi {{ $brand->icon_class }}" aria-hidden="true"></i></span>
                        <span>{{ $brand->title }}</span>
                    </a>
                </li>
            @endforeach
        </ul>
    </section>
@endif