"use client";

import React from "react";

// import React from "react";

// export default function RootLayoutClient({ children }) {
//   React.useEffect(() => {
//     if ("serviceWorker" in navigator) {
//       navigator.serviceWorker
//         .register("/service-worker.js")
//         .then((registration) => {
//           console.log("Service Worker registered with scope:", registration.scope);
//         })
//         .catch((error) => {
//           console.error("Service Worker registration failed:", error);
//         });
//     }
//   }, []);

//   return (
//     <div className="text-white flex flex-col">
//       <div className="container mx-auto px-4 max-w-[1024px]">
//         {children}
//       </div>
//     </div>
//   );
// }
export default function RootLayoutClient({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  React.useEffect(() => {
    if ("serviceWorker" in navigator) {
      navigator.serviceWorker
        .register("/service-worker.js")
        .then((registration) => {
          console.log("Service Worker registered with scope:", registration.scope);
        })
        .catch((error) => {
          console.error("Service Worker registration failed:", error);
        });
    }
  }, []);
  return (children);
}