{{--
    Action Toolbar Component - AdminLTE style
    For VM control buttons (Start, Stop, Restart, etc.)
    
    Usage:
    <x-proxmox::ui.action-toolbar>
        <x-proxmox::ui.action-toolbar-button 
            action="start" 
            icon="ri-play-line" 
            label="Start"
        />
    </x-proxmox::ui.action-toolbar>
--}}

@props([
    'centered' => false,
])

<style>
    .action-toolbar-lte {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    .action-toolbar-lte-centered {
        justify-content: center;
    }
</style>

<div {{ $attributes->class([
    'action-toolbar-lte',
    'action-toolbar-lte-centered' => $centered,
]) }}>
    {{ $slot }}
</div>