@props([
    'module',           // Nome do módulo (ex: 'Clientes')
    'showRoute' => null,   // Rota para visualizar
    'editRoute' => null,   // Rota para editar  
    'deleteRoute' => null, // Rota para excluir
    'showLabel' => 'Visualizar',
    'editLabel' => 'Editar',
    'deleteLabel' => 'Excluir',
    'size' => 'sm',     // Tamanho dos botões: sm, md, lg
    'confirmDelete' => true, // Se deve confirmar antes de excluir
])

<div class="btn-group" role="group">
    {{-- Botão Visualizar --}}
    @if($showRoute)
        @canUser($module, 'visualizar')
            <button type="button" 
                    class="btn btn-outline-info btn-{{ $size }}" 
                    onclick="carregarConteudo(`{{ $showRoute }}`)"
                    title="{{ $showLabel }}">
                <i class="bi bi-eye"></i>
                <span class="d-none d-md-inline ms-1">{{ $showLabel }}</span>
            </button>
        @endcanUser
    @endif

    {{-- Botão Editar --}}
    @if($editRoute)
        @canUser($module, 'editar')
            <button type="button" 
                    class="btn btn-outline-warning btn-{{ $size }}" 
                    onclick="carregarConteudo(`{{ $editRoute }}`)"
                    title="{{ $editLabel }}">
                <i class="bi bi-pencil"></i>
                <span class="d-none d-md-inline ms-1">{{ $editLabel }}</span>
            </button>
        @endcanUser
    @endif

    {{-- Botão Excluir --}}
    @if($deleteRoute)
        @canUser($module, 'excluir')
            <button type="button" 
                    class="btn btn-outline-danger btn-{{ $size }}" 
                    onclick="excluir(`{{ $deleteRoute }}`, 'formExcluir{{ $module }}')"
                    title="{{ $deleteLabel }}">
                <i class="bi bi-trash"></i>
                <span class="d-none d-md-inline ms-1">{{ $deleteLabel }}</span>
            </button>
        @endcanUser
    @endif
</div>