mirror of
https://github.com/c8r/x0.git
synced 2024-10-26 15:15:04 +03:00
59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
import React from 'react'
|
|
import {
|
|
Provider,
|
|
Flex,
|
|
Box,
|
|
Container,
|
|
Text,
|
|
Caps,
|
|
BlockLink,
|
|
} from 'rebass'
|
|
import { Link } from 'react-router-dom'
|
|
import { Logo } from '@compositor/logo'
|
|
import theme from './theme'
|
|
|
|
export default ({ render }) =>
|
|
<Provider theme={theme}>
|
|
<Flex alignItems='center'>
|
|
<BlockLink
|
|
href='https://compositor.io'>
|
|
<Flex px={1} py={2} alignItems='center'>
|
|
<Logo size={32} />
|
|
<Caps fontWeight='bold'>
|
|
Compositor
|
|
</Caps>
|
|
</Flex>
|
|
</BlockLink>
|
|
<Box mx='auto' />
|
|
<BlockLink px={3} is={Link} to='/'>
|
|
<Caps fontWeight='bold'>
|
|
x0
|
|
</Caps>
|
|
</BlockLink>
|
|
<BlockLink px={3} href='https://github.com/c8r/x0'>
|
|
<Caps fontWeight='bold'>
|
|
GitHub
|
|
</Caps>
|
|
</BlockLink>
|
|
</Flex>
|
|
{render()}
|
|
<Container>
|
|
<Flex py={4} mt={5} flexWrap='wrap'>
|
|
<BlockLink my={2} mr={3} href='https://github.com/c8r/x0'>
|
|
<Caps fontWeight='bold'>
|
|
GitHub
|
|
</Caps>
|
|
</BlockLink>
|
|
<BlockLink my={2} mr={3} href='https://compositor.io'>
|
|
<Caps fontWeight='bold'>
|
|
Compositor
|
|
</Caps>
|
|
</BlockLink>
|
|
<Box mx='auto' />
|
|
<Text my={2} fontSize={0}>
|
|
© 2018 Compositor, Inc. All rights reserved
|
|
</Text>
|
|
</Flex>
|
|
</Container>
|
|
</Provider>
|