import React from 'react'
import Navbar from './navbar'
import Sidebar from './Sidebar'
import {Flex, Box} from 'rebass'
import { theme } from 'src/theme'
import { ThemeProvider } from 'styled-components'
const IS_STATIC = process.env.GATSBY_IS_STATIC
const Layout = ({children, path}) => {
const showSidebar = IS_STATIC || path.match(/cli-commands|configuring-npm|using-npm/)
return (
<ThemeProvider theme={theme}>
<Navbar />
<Flex w={1}>
{showSidebar && <Sidebar />}
<Box width={1}>{children}</Box>
</Flex>
</ThemeProvider>
)
}
export default Layout
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| home | Folder | 0755 |
|
|
| Accordion.js | File | 1.14 KB | 0644 |
|
| Button.js | File | 478 B | 0644 |
|
| DocLinks.js | File | 1.83 KB | 0644 |
|
| FoundTypo.js | File | 815 B | 0644 |
|
| MobileSidebar.js | File | 756 B | 0644 |
|
| Sidebar.js | File | 619 B | 0644 |
|
| layout.js | File | 604 B | 0644 |
|
| links.js | File | 970 B | 0644 |
|
| navbar.js | File | 3.17 KB | 0644 |
|
| scripts.js | File | 610 B | 0644 |
|
| seo.js | File | 1.72 KB | 0644 |
|