import ConsenHead from "@/src/ConsenHead";
import Preloader from "@/src/layout/Preloader";
import "@/styles/globals.css";
import { Fragment, useEffect, useState } from "react";

const App = ({ Component, pageProps }) => {
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const timer = setTimeout(() => setLoading(false), 1500);
    return () => clearTimeout(timer);
  }, []);

  // ✅ Add accessiBe script
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://acsbapp.com/apps/app/dist/js/app.js";
    script.async = true;
    script.onload = () => {
      if (typeof window.acsbJS !== "undefined") {
        window.acsbJS.init();
      }
    };

    const h = document.querySelector("head") || document.body;
    h.appendChild(script);
  }, []);

  return (
    <Fragment>
      <ConsenHead />
      <Preloader />
      {!loading && <Component {...pageProps} />}
    </Fragment>
  );
};

export default App;