const STORAGE_KEY = 'musehub-theme';

export function applyStoredTheme(): void {
  if (localStorage.getItem(STORAGE_KEY) === 'light') {
    document.documentElement.dataset['theme'] = 'light';
  }
}

export function toggleTheme(): void {
  const isLight = document.documentElement.dataset['theme'] === 'light';
  if (isLight) {
    delete document.documentElement.dataset['theme'];
    localStorage.setItem(STORAGE_KEY, 'dark');
  } else {
    document.documentElement.dataset['theme'] = 'light';
    localStorage.setItem(STORAGE_KEY, 'light');
  }
}

export function initThemeBtn(): void {
  const btn = document.getElementById('navbar-theme-btn');
  if (btn) btn.addEventListener('click', toggleTheme);
}