@local <!-- views/components/generic/ulist-item.blade.php --> @endlocal

@props(['faClass' => '', 'timeAgo' => 'minutes', 'time' => 0])

<li>
    <a {{ $attributes->merge(['class' => 'd-flex text-dark py-2']) }} href="javascript:void(0)">
        <div class="flex-shrink-0 mx-3">
            <i class="fa fa-fw {{$faClass}} text-success"></i>
        </div>
        <div class="flex-grow-1 fs-sm pe-2">
            <div class="fw-semibold">{{$slot}}</div>
            <div class="text-muted">@choice("{$timeAgo}_ago", $time, [$timeAgo => $time])</div>
        </div>
    </a>
</li>