1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-fela/pages/index.js

35 lines
696 B
JavaScript
Raw Normal View History

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>
)