"use client";
import { useEffect } from "react";
import "../public/assets/scss/styles.scss";
import "yet-another-react-lightbox/styles.css";
import BackToTop from "@/components/common/BackToTop";
import Mouse from "@/components/common/Mouse";
import { usePathname } from "next/navigation";
import SearchWrap from "@/components/common/SearchWrap";
import { ToastContainer } from "react-toastify";
export default function RootLayout({ children }) {
const path = usePathname();
useEffect(() => {
window.addEventListener("scroll", function () {
const header = document.getElementById("header-sticky");
if (window.scrollY > 250) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
});
if (typeof window !== "undefined") {
// Import the script only on the client side
import("bootstrap/dist/js/bootstrap.esm").then(() => {
// Module is imported, you can access any exported functionality if
});
}
}, []);
useEffect(() => {
const { WOW } = require("wowjs");
const wow = new WOW({
animateClass: "animated",
offset: 100,
mobile: false,
live: false,
});
wow.init();
}, [path]);
return (
{children}
);
}