mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
27 lines
454 B
JavaScript
27 lines
454 B
JavaScript
|
import React from 'react'
|
||
|
|
import injectSheet from 'react-jss'
|
||
|
|
|
||
|
|
const styles = {
|
||
|
|
container: {
|
||
|
|
marginTop: 100,
|
||
|
|
textAlign: 'center'
|
||
|
|
},
|
||
|
|
|
||
|
|
header: {
|
||
|
|
fontSize: 24,
|
||
|
|
lineHeight: 1.25
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function Index (props) {
|
||
|
|
return (
|
||
|
|
<div className={props.classes.container}>
|
||
|
|
<h1 className={props.classes.header}>
|
||
|
|
Example on how to use react-jss with Next.js
|
||
|
|
</h1>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default injectSheet(styles)(Index)
|