@section('componentable-area-' . $loop->iteration)

    @php $cardViewComponent = \App\Helpers\Atomic::createUspViewComponent($component); @endphp

    <div class="o-usp">
        @if(!empty($component->label))
            <p class="o-usp__label">{{$component->label}}</p>
        @endif
        @if(!empty($component->title))
            <h2 class="o-usp__title">{{$component->title}}</h2>
        @endif

        <div class="o-usp__content  l-matrix" data-max-columns="3">
            @foreach($cardViewComponent->usp as $usp)
                <div class="l-matrix__item">

                    @include('site.components.card', [
                        'modifiers' => 'usp',
                        'cardTitle' => $usp->title,
                        'cardText' => $usp->description,
                        ])

                </div>
            @endforeach
        </div>

        @if(isset($component->button_label) && $component->button_label && isset($component->button_link) && $component->button_link)
            <div class="o-usp__action">
                @include('site.components.buttonLink', [
                    'modifiers' => ['filled'],
                    'buttonText' => $component->button_label,
                    'buttonLink' => $component->button_link,
                    'preventBlank' => true
                ])
            </div>
        @endif
    </div>

@endsection

@include('site.organisms.componentables.componentLayout')