@props([
  'id' => '',
  'viewUrl' => '#',
  'editUrl' => '#',
  'deleteUrl' => '#',
])

<div {{ $attributes->class(['dropdown', 'edt-actions']) }}>
  <button type="button" class="btn btn-ghost btn-sm edt-actions__toggle" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Row actions">
    <i class="bi bi-three-dots-vertical" aria-hidden="true"></i>
  </button>
  <ul class="dropdown-menu dropdown-menu-end">
    <li><a class="dropdown-item" href="{{ $viewUrl }}" data-edt-action="view" data-id="{{ $id }}"><i class="bi bi-eye"></i> View</a></li>
    <li><a class="dropdown-item" href="{{ $editUrl }}" data-edt-action="edit" data-id="{{ $id }}"><i class="bi bi-pencil"></i> Edit</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item text-danger" href="{{ $deleteUrl }}" data-edt-action="delete" data-id="{{ $id }}"><i class="bi bi-trash"></i> Delete</a></li>
  </ul>
</div>