"use client";
import { useState, useEffect } from "react"
import Navigation from "../components/navigation"
import Footer from "../components/footer"
import "./globals.css"
export default function RootLayout({ children }: { children: React.ReactNode }) {
const [showButton, setShowButton] = useState(false)
useEffect(() => {
const handleScroll = () => {
if (window.scrollY > 300) {
setShowButton(true)
} else {
setShowButton(false)
}
}
window.addEventListener("scroll", handleScroll)
return () => {
window.removeEventListener("scroll", handleScroll)
}
}, [])
const scrollToTop = () => {
window.scrollTo({
top: 0,
behavior: "smooth"
})
}
return (
{children}
{showButton && (
)}
)
}