{{-- Solution alternative : wrapper avec AOS, contenu sans AOS --}}
<div wire:poll.1s>
    @if($this->timeRemaining['expired'])
        {{-- Événement expiré --}}
        <div class="timer expired">
            <div class="time-box">
                <span class="time-value expired-text">Événement terminé</span>
            </div>
        </div>
    @else
        {{-- Layout par défaut (premier exemple) --}}
        @if($layout === 'default')
            <div class="timer">
                <div class="time-box">
                    <span id="days{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['days'] }}</span>
                    <div class="space8"></div>
                </div>
                <div class="space14"></div>
                <div class="time-box">
                    <span id="hours{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['hours'] }}</span>
                    <div class="space8"></div>
                </div>
                <div class="space14"></div>
                <div class="time-box">
                    <span id="minutes{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['minutes'] }}</span>
                    <div class="space8"></div>
                </div>
                <div class="space14"></div>
                <div class="time-box" style="margin: 0">
                    <span id="seconds{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['seconds'] }}</span>
                    <div class="space8"></div>
                </div>
            </div>
        @endif

        {{-- Layout alternatif (deuxième exemple) --}}
        @if($layout === 'with-button')
            <div class="timer-btn-area">
                <div class="timer">
                    <div class="time-box">
                        <span id="days{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['days'] }}</span><br />
                    </div>
                    <div class="space14"></div>
                    <div class="time-box">
                        <span id="hours{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['hours'] }}</span><br />
                    </div>
                    <div class="space14"></div>
                    <div class="time-box">
                        <span id="minutes{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['minutes'] }}</span><br />
                    </div>
                    <div class="space14"></div>
                    <div class="time-box" style="margin: 0 26px 0 0">
                        <span id="seconds{{ $uniqueId }}" class="time-value">{{ $this->timeRemaining['seconds'] }}</span><br />
                    </div>
                </div>
                
                {{ $slot ?? '' }}
            </div>
        @endif
    @endif
</div>