@extends('partials.components.section', ['align' => 'center', 'sectionClass' => '!my-0'])
@section('section')
    <div class="{{ $margeAround }} flex flex-wrap justify-center gap-10 lg:my-16 xl:gap-x-16">
        @foreach ($section['section_fields_logos'] as $logo)
            <{!! $logo['url'] ?? null ? 'a target="_blank" href="' . $logo['url'] . '"' : 'div' !!} class="group h-[100px] max-w-[200px]">
                {!! ResponsivePics::get_image(
                    $logo['logo'],
                    'xs:200px',
                    false,
                    'w-full h-full max-w-none object-contain grayscale group-hover:grayscale-0 transition',
                    false,
                    true,
                ) !!}
                {!! $logo['url'] ?? null ? '</a>' : '</div>' !!}
        @endforeach
    </div>
@overwrite