mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
35 lines
696 B
JavaScript
Executable file
35 lines
696 B
JavaScript
Executable file
import { createComponent } from 'react-fela'
|
|
|
|
import FelaProvider from '../FelaProvider'
|
|
|
|
const Container = createComponent(() => ({
|
|
maxWidth: 700,
|
|
marginLeft: 'auto',
|
|
marginRight: 'auto',
|
|
lineHeight: 1.5
|
|
}))
|
|
|
|
const Text = createComponent(({ size = 16 }) => ({
|
|
fontFamily:
|
|
'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
fontSize: size,
|
|
color: '#333'
|
|
}))
|
|
|
|
const Title = createComponent(
|
|
({ size = 24 }) => ({
|
|
fontSize: size,
|
|
color: '#555'
|
|
}),
|
|
Text
|
|
)
|
|
|
|
export default () => (
|
|
<FelaProvider>
|
|
<Container>
|
|
<Title size={50}>My Title</Title>
|
|
<Text>Hi, I am Fela.</Text>
|
|
</Container>
|
|
</FelaProvider>
|
|
)
|