text: import { useConfig } from 'base-shell/lib/providers/Config'
  import React from 'react'
  import MenuProvider from '../../providers/Menu/Provider'
  import '../../styles/custom-bootstrap.css';
  
  const LayoutContent = ({ children }) => {
    return (
      <div
        style={{
          display: 'flex',
          flexDirection: 'column'
        }}
      >
        {children}
      </div>
    )
  }
  
  export default function ({ children }) {
    const { appConfig } = useConfig()
    return (
      <React.Fragment>
        <MenuProvider appConfig={appConfig}>
          <LayoutContent>
            {children}
          </LayoutContent>
        </MenuProvider>
        <link
          rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
          crossOrigin="anonymous"
        />
      </React.Fragment>
  
    )
  }
  