@props(['icon' => 'fas fa-cog', 'color' => 'secondary'])

<div class="btn-group">
    <button type="button" class="btn btn-{{ $color }} btn-sm dropdown-toggle shadow-sm" data-toggle="dropdown" aria-expanded="false">
        <i class="{{ $icon }}"></i> Acciones
    </button>
    <div class="dropdown-menu dropdown-menu-right" role="menu">
        {{ $slot }}
    </div>
</div>


{{-- <x-dropdown-action>
    <a class="dropdown-item" href="#"><i class="fas fa-eye mr-2 text-info"></i> Ver Detalle</a>
    <a class="dropdown-item" href="#"><i class="fas fa-print mr-2 text-secondary"></i> Imprimir</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item text-danger" href="#"><i class="fas fa-trash mr-2"></i> Eliminar</a>
</x-dropdown-action> --}}