import { ChangeDetectionStrategy, Component, input } from '@angular/core';

@Component({
	selector: 'app-scroll-btn',
	templateUrl: './scroll-btn.component.html',
	styleUrls: ['./scroll-btn.component.scss'],
	changeDetection: ChangeDetectionStrategy.OnPush,
	standalone: true,
	imports: [],
})
export class ScrollBtnComponent {
	nextSection = input.required<string>();
	scrollToNext() {
		if (!this.nextSection) return;
		const element = document.querySelector(`#${this.nextSection()}`);
		element?.scrollIntoView();
	}
}