import { Box } from "@chakra-ui/react";
import type { ReactNode } from "react";
import type { Settings } from "../../data/content";
import { Footer } from "./Footer";
import { Header } from "./Header";
import { Provider } from "./Provider";
import { WhatsAppFab } from "./WhatsAppFab";

export function SiteChrome({ settings, children }: { settings: Settings; children: ReactNode }) {
  return (
    <Provider>
      <Header settings={settings} />
      <Box as="main">{children}</Box>
      <Footer settings={settings} />
      <WhatsAppFab settings={settings} />
    </Provider>
  );
}