@props([
    'size' => 'md',
])

@php
    $sizeClass = match ($size) {
        'sm' => 'size-8',
        default => 'size-9',
    };
@endphp

<button type="button"
        @click="window.dashTheme && window.dashTheme.toggle()"
        :aria-label="'{{ __('dashboard::dashboard.auth.switch_theme') }}'"
        {{ $attributes->class([
            'grid place-items-center rounded-full transition',
            $sizeClass,
        ]) }}>
    <flux:icon icon="sun" class="size-4" x-show="!dark"/>
    <flux:icon icon="moon" class="size-4" x-show="dark" x-cloak/>
</button>