@section('componentable-area-' . $loop->iteration)
    <div class="l-duo-column">
        <div class="l-duo-column__a  s-text">
            {!! $component->left !!}

            @if(count($component->button_left) > 0 && $component->button_left[0]->translation)
                @include('site.components.button', [
                    'modifiers' => ['icon'],
                    'buttonText' => $component->button_left[0]->translation->label,
                    'buttonLink' => $component->button_left[0]->translation->url
                ])
            @endif
        </div>
        <div class="l-duo-column__b  s-text">
            {!! $component->right  !!}

            @if(count($component->button_right) > 0 && $component->button_right[0]->translation)
                @include('site.components.button', [
                    'modifiers' => ['icon'],
                    'buttonText' => $component->button_right[0]->translation->label,
                    'buttonLink' => $component->button_right[0]->translation->url
                ])
            @endif
        </div>
    </div>

@endsection

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