@props([
])

@php
    $attributes = $attributes
        ->merge([
            'id' => 'dark-mode',
            'data-theme' => 'light'
        ])
        ->class([
            'theme-switch'
        ])
@endphp

<button {{ $attributes }} x-on:click="$store.global.toggleTheme()" :data-theme="$store.global.theme">
    <div class="theme-switch__icon">
        <span class="theme-switch__icon-inner"></span>
    </div>
</button>