Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | import {Box, Flex} from '@primer/components'
import React from 'react'
import Container from './container'
import PageFooter from './page-footer'
import Head from './head'
import Header from './header'
import Hero from './hero'
import Sidebar from './sidebar'
function HeroLayout({children, pageContext}) {
const {additionalContributors = []} = pageContext.frontmatter
return (
<Flex flexDirection="column" minHeight="100vh">
<Head />
<Header />
<Flex flex="1 1 auto" flexDirection="row">
<Box display={['none', null, null, 'block']}>
<Sidebar />
</Box>
<Box width="100%">
<Hero />
<Container>
{children}
<PageFooter
editUrl={pageContext.editUrl}
contributors={pageContext.contributors.concat(
additionalContributors.map(login => ({login})),
)}
/>
</Container>
</Box>
</Flex>
</Flex>
)
}
export default HeroLayout
|