import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { CnPipe } from '../../ui/cn.pipe';
import { WithBackgroundImageDirective } from '../../ui/with-background-image.directive';
import { FooterComponent } from '../footer/footer.component';
import { NavbarComponent } from '../navbar/navbar.component';

@Component({
	selector: 'app-main-layout',
	templateUrl: './main-layout.component.html',
	styleUrls: ['./main-layout.component.scss'],
	changeDetection: ChangeDetectionStrategy.OnPush,
	standalone: true,
	imports: [
		NavbarComponent,
		FooterComponent,
		WithBackgroundImageDirective,
		CnPipe,
	],
})
export class MainLayoutComponent {
	bgImage = input('');
	showNavbar = input(true);
	showFooter = input(true);
	bgClass = input('');
	containerClass = input('');
	headerClass = input('');
}