export function switchTheme(themeClass: string): void {
    const bodyElement = document.body;
    const classesToRemove = ['light', 'dark', 'autonomic'];
    
    bodyElement.classList.remove(...classesToRemove);
    bodyElement.classList.add(themeClass);
}

export function handleThemeChange(event: Event): void {
    const selectElement = event.target as HTMLSelectElement;
    const selectedTheme = selectElement.value;
    
    switchTheme(selectedTheme);
}

export function initializeThemeSelector(): void {
    const themeSelector = document.getElementById('theme-selector');
    if (themeSelector) {
        themeSelector.addEventListener('change', handleThemeChange);
    }
}