import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { FeatureFlagsService } from '@shared/services/feature-flags.service';

@Component({
    selector: 'page-layout',
    templateUrl: './page-layout.component.html',
    styleUrls: ['./page-layout.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class PageLayoutComponent {
    @Input() withScrollOverlay = true;
    @Input() withScrollUp = true;

    constructor(public featureFlags: FeatureFlagsService) {}

    get pageLayoutTitleClasses() {
        return {
            'page-layout__title': true,
            'page-layout__title--fullwidth':
                !this.featureFlags.FEEDBACK_BUTTON_AVAILABLE,
        };
    }
}
