@php
    $themeToggleClass = $class ?? '';
@endphp

<button
    type="button"
    class="gtg-theme-toggle {{ $themeToggleClass }}"
    data-theme-toggle
    aria-label="Gunakan mode gelap"
    aria-pressed="false"
    title="Gunakan mode gelap"
>
    <span class="gtg-theme-toggle-track" aria-hidden="true">
        <span class="gtg-theme-toggle-rail-icon gtg-theme-toggle-rail-sun">
            <svg viewBox="0 0 24 24" fill="none">
                <circle cx="12" cy="12" r="3.2" fill="currentColor" />
                <path
                    d="M12 3.1v1.7M12 19.2v1.7M3.1 12h1.7M19.2 12h1.7M5.7 5.7l1.2 1.2M17.1 17.1l1.2 1.2M18.3 5.7l-1.2 1.2M6.9 17.1l-1.2 1.2"
                    stroke="currentColor"
                    stroke-width="1.5"
                    stroke-linecap="round"
                />
            </svg>
        </span>

        <span class="gtg-theme-toggle-rail-icon gtg-theme-toggle-rail-moon">
            <svg viewBox="0 0 24 24" fill="none">
                <path
                    d="M19.7 15.2A8.1 8.1 0 0 1 8.8 4.3a8.2 8.2 0 1 0 10.9 10.9Z"
                    fill="currentColor"
                />
            </svg>
        </span>

        <span class="gtg-theme-toggle-thumb">
            <span class="gtg-theme-toggle-thumb-glow"></span>
            <span class="gtg-theme-toggle-thumb-icon gtg-theme-toggle-thumb-sun">
                <svg viewBox="0 0 24 24" fill="none">
                    <circle cx="12" cy="12" r="3.7" fill="currentColor" />
                    <path
                        d="M12 2.9v2M12 19.1v2M2.9 12h2M19.1 12h2M5.6 5.6 7 7M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4"
                        stroke="currentColor"
                        stroke-width="1.55"
                        stroke-linecap="round"
                    />
                </svg>
            </span>
            <span class="gtg-theme-toggle-thumb-icon gtg-theme-toggle-thumb-moon">
                <svg viewBox="0 0 24 24" fill="none">
                    <path
                        d="M20 15.3A8.5 8.5 0 0 1 8.7 4a8.6 8.6 0 1 0 11.3 11.3Z"
                        fill="currentColor"
                    />
                </svg>
            </span>
        </span>
    </span>
    <span class="sr-only" data-theme-toggle-label>Gunakan mode gelap</span>
</button>