@props([
    'selectedCount' => 0,
])

{{--
    PDF Action Panel Component
    
    A floating action panel that appears when pages are selected in the PDF viewer.
    Provides quick access to Extract and Merge operations with a modern glass-morphism design.
    
    Usage:
    <x-pdf.action-panel :selected-count="$selectedCount" />
--}}

<div 
    class="pdf-action-panel"
    x-show="selectedCount > 0"
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0 transform translate-y-4"
    x-transition:enter-end="opacity-100 transform translate-y-0"
    x-transition:leave="transition ease-in duration-200"
    x-transition:leave-start="opacity-100 transform translate-y-0"
    x-transition:leave-end="opacity-0 transform translate-y-4"
    x-cloak
>
    <div class="pdf-action-panel-inner">
        <div class="pdf-action-panel-badge">
            <span class="pdf-action-count" x-text="selectedCount"></span>
            <span class="pdf-action-label">{{ __('page(s) selected') }}</span>
        </div>

        <div class="pdf-action-panel-divider"></div>

        <div class="pdf-action-panel-buttons">
            {{ $slot }}
        </div>
    </div>
</div>