@props([
    'items' => [],
])

<div {{ $attributes->merge(['class' => 'bv-timeline']) }}>
    @forelse($items as $item)
        <div class="bv-timeline__item">
            <div class="bv-timeline__dot" aria-hidden="true"></div>
            @if(isset($item['time']))
                <div class="bv-timeline__time">{{ $item['time'] }}</div>
            @endif
            <div class="bv-timeline__content">
                @if(isset($item['title']))
                    <strong>{{ $item['title'] }}</strong>
                    @if(isset($item['description']))
                        <div class="text-secondary-bv small">{{ $item['description'] }}</div>
                    @endif
                @else
                    {{ $item }}
                @endif
            </div>
        </div>
    @empty
        {{ $slot }}
    @endforelse
</div>