import Header from "./header";
import Main from "./main";
import Footer from "./footer";
import { useEffect, useState } from "react";
export default function Layout({ children }: any) {
const [menu, setMenu] = useState([]);
useEffect(() => {
fetch('https://wpclidemo.dev/graphql', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
query: `
{
menu(id: 17, idType: DATABASE_ID) {
menuItems {
edges {
node {
label
uri
url
}
}
}
}
}
`,
}),
})
.then(res => res.json())
.then(res => setMenu(res.data.menu.menuItems.edges))
});
return (
<>
<Header menus={menu} />
<Main>{children}</Main>
<Footer />
</>
);
}