{{--
    Theme Toggle Component
    This component renders a theme toggle button.
    
    Parameters:
    - id: The ID for the toggle button (optional, defaults to "theme-toggle")
--}}

@props(['id' => 'theme-toggle'])

<button id="{{ $id }}" class="theme-toggle-btn" title="تبديل المظهر">
    <x-lucide-sun width="18" height="18" />
    <x-lucide-moon width="18" height="18" />
</button>