import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import { SupportBtnComponent } from '../../support/support-btn/support-btn.component';
import { CnPipe } from '../../ui/cn.pipe';
import { WithBackgroundImageDirective } from '../../ui/with-background-image.directive';
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, SupportBtnComponent, WithBackgroundImageDirective, CnPipe],
})
export class MainLayoutComponent {
	bgImage = input('');
	showNavbar = input(true);
	bgClass = input('main-bg');
	containerClass = input('container mx-auto px-4 py-12');
}