text: import {ThemeContext, ThemeProvider} from "../contexts/ThemeContext";
  import {useContext} from "react";
  
  
  const Layout = ({startingTheme, children}) => {
      return (
          <ThemeProvider startingTheme={startingTheme}>
              <LayoutNoThemeProvider>{children}</LayoutNoThemeProvider>
          </ThemeProvider>
      )
  }
  
  const LayoutNoThemeProvider = ({startingTheme, children}) => {
  
      const {theme} = useContext(ThemeContext);
  
      return (
          <div className={
              theme === "light" ? "container-fluid light" : "container-fluid dark"
          }>
              {children}
          </div>
  
      )
  }
  
  export default Layout;