@props([
  'title' => '',
  'time' => '',
  'type' => 'info',
  'unread' => false,
])

<div {{ $attributes->class(['notify-item', $unread ? 'is-unread' : '']) }}>
  <span class="notify-item__icon notify-item__icon--{{ $type }}" aria-hidden="true">
    @switch($type)
      @case('success')
        <i class="bi bi-check-lg"></i>
        @break
      @case('warning')
        <i class="bi bi-exclamation-triangle"></i>
        @break
      @case('danger')
        <i class="bi bi-x-lg"></i>
        @break
      @default
        <i class="bi bi-bell"></i>
    @endswitch
  </span>
  <div class="notify-item__body">
    <p class="notify-item__title">{{ $title !== '' ? $title : $slot }}</p>
    @if ($time !== '')
      <p class="notify-item__time">{{ $time }}</p>
    @endif
  </div>
  @if ($unread)
    <span class="notify-item__dot" aria-label="Unread"></span>
  @endif
</div>