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

    <div class="o-details  @if($component->reversed) o-details--reversed @endif">
        <div class="o-details__main" @if($component->reversed) data-kal="slide-left" @else data-kal="slide-right" @endif>
            <div class="o-details__desc  s-text">
                {!! !empty($component->text) ? $component->text : config('atomic.text') !!}
            </div>
        </div>

        <div class="o-details__side" @if($component->reversed) data-kal="slide-right" @else data-kal="slide-left" @endif>
            @if($component->usps)
                @include('components.uspBlock', [
                    'uspItems' => $component->usps->pluck('label')
                ])
            @endif
        </div>
    </div>

@endsection

@include('organisms.componentables.componentableRow')