"use client";

import React, { useState, useEffect } from "react";
import { Layout } from "antd";
import Script from "next/script";
import AppHeaderCustomer from "@/components/headerCustomer";

const { Content } = Layout;

const MainContentLayout: React.FC<{ children: React.ReactNode }> = ({
  children,
}) => {
  const [isScriptLoaded, setIsScriptLoaded] = useState(false);

  useEffect(() => {
    if (typeof window !== "undefined" && window.BEObj) {
      setIsScriptLoaded(true);
    }
  }, []);

  const handleScriptLoad = () => {
    setIsScriptLoaded(true);
  };

  return (
    <>
      <Script
        src="https://bookend.keyring.net/js/beobj.js"
        strategy="afterInteractive"
        onLoad={handleScriptLoad}
        onError={(e) => {
          console.error('Failed to load BEObj script:', e);
        }}
      />
      <Layout className="min-h-screen">
        <AppHeaderCustomer />
        <Content className="">{children}</Content>
      </Layout>
    </>
  );
};

export default MainContentLayout;