@props(['variant' => 'footer', 'class' => ''])

@php
    $links = $page_init['contact']['social'] ?? '';
@endphp

@if ($variant === 'header')
    <div class="flex items-center gap-2 {{ $class }}">
        @foreach ($links as $icon => $link)
                        <a href="{{ $link['url'] ?? '' }}" target="_blank" rel="noopener noreferrer"
                class="text-white hover:text-kru-yellow transition-colors p-1" aria-label="{!! $link['name'] ?? '' !!}">
                <span class="inline-block w-4 h-4">@include('frontend::components.icons.' . $icon ?? '')</span>
            </a>
        @endforeach
    </div>
@else
    @if (!empty($links))
        <div class="flex flex-wrap gap-2 {{ $class }}">
            @foreach ($links as $icon => $link)
                @if (!empty($link['url']))
                                        <a href="{{ $link['url'] ?? '' }}" target="_blank" rel="noopener noreferrer"
                        class="w-10 h-10 rounded-full flex items-center justify-center text-white transition-colors {{ $color ?? '' }}"
                        aria-label="{!! $link['name'] ?? '' !!}">
                        <span
                            class="inline-block w-5 h-5 [&>svg]:w-full [&>svg]:h-full">@include('frontend::components.icons.' . $icon ?? '')</span>
                    </a>
                @endif
            @endforeach
        </div>
    @endif

@endif