import Theme from './theme.js';

export default function ThemeSwitch({ component }) {
  if ( component == undefined) {
    component = document;
  }
  component.querySelectorAll(`.theme-switch-light`).forEach((button) => {
    button.addEventListener('click', function(event) {
      event.preventDefault();
      Theme({ style: 'light-theme' });
    });
  });

  component.querySelectorAll(`.theme-switch-dark`).forEach((button) => {
    button.addEventListener('click', function(event) {
      event.preventDefault();
      Theme({ style: 'dark-theme' });
    });
  });
}