import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

import { Theme } from '../../../enums/theme.enum';
import { ThemeService } from '../../../services/theme.service';

@Component({
	selector: 'app-theme-selector',
	templateUrl: './theme-selector.component.html',
	styleUrls: ['./theme-selector.component.scss'],
})
export class ThemeSelectorComponent implements OnInit {
	public themeEnum = Theme;
	public currentTheme: Observable<Theme>;

	constructor(private themeService: ThemeService) {}

	ngOnInit(): void {
		this.currentTheme = this.themeService.theme;
	}

	public selectTheme(theme: string): void {
		this.themeService.selectTheme(theme as Theme);
	}
}