@tikpage/reactjs-popup/docs/src/components/Layout/index.jsx

React Popup Component - Modals,Tooltips and Menus — All in one

import React from 'react';
import {StaticQuery, graphql} from 'gatsby';
import Sidebar from '../Sidebar';

import NavBar from '../NavBar';
import Footer from '../Footer';

// import './css/layout.css';

// import './css/sidebar.css';
import 'infima/dist/css/default/default.css';
import './index.css';

const Layout = ({children}) => (
  <StaticQuery
    query={graphql`
      {
        pages: allMdx(sort: {order: ASC, fields: [frontmatter___position]}) {
          edges {
            node {
              id
              frontmatter {
                path
                title
                position
              }
            }
          }
        }
      }
    `}
    render={data => (
      <div className="main-container">
        <NavBar />
        {children}
        <Footer />
      </div>
    )}
  />
);

export default Layout;