@props(['events' => [], 'clickFunc' => ''])
<ol class="relative border-l-2 border-gray-200">
    @foreach($events as $event)
        <li
            wire:click="$dispatch('{{ $clickFunc }}', {id: '{{ $event['id'] }}'})"
            @click="$refs.closeLogDrawer.click();"
            class="mb-6 pl-6 py-1 cursor-pointer border-primary-500 hover:bg-vivid-200 rounded"
        >
            <span class="absolute flex items-center justify-center w-6 h-6 rounded-full bg-white -start-3">
                <i class="fa fa-clock text-primary-600"></i>
            </span>
            <h3 class="mb-1 text-lg font-semibold text-gray-900">{{ $event['creator']}}</h3>
            <time class="block mb-2 text-sm font-normal leading-none text-gray-400">{{ $event['created_at'] }}</time>
        </li>
    @endforeach
</ol>