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

import { SettingsComponent } from '../../../shared/components/settings/settings.component';
import { User } from '../../models/user.model';
import { ModalService } from '../../services/modal.service';
import { UserService } from '../../services/user.service';
import { environment } from '../../../../environments/environment';

@Component({
	selector: 'app-header',
	templateUrl: './header.component.html',
	styleUrls: ['./header.component.scss'],
})
export class HeaderComponent implements OnInit {
	public _user: Observable<User> = this.userService.user;
	public env = environment;
	@Input() public appTitle: string = environment.appTitle ? environment.appTitle : 'FramaDate';
	@Input() public appLogo: string;
	mobileMenuVisible = false;

	constructor(private userService: UserService) {}

	public ngOnInit(): void {}
}