export function useScrollTo() {
	const router = useRouter();

	function scroll(id: string) {
		const element = document.getElementById(id);
		if (element) {
			element.scrollIntoView({
				behavior: 'smooth',
			});
		} else {
			console.error('Element not found:', id);
		}
	}

	function scrollTo(id: string, routePath?: string) {
		if (routePath) {
			router
				.push({
					path: routePath,
				})
				.then(() => {
					scroll(id);
				});
		} else {
			setTimeout(() => {
				scroll(id);
			}, 100);
		}
	}

	return {
		scrollTo,
	};
}