mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
24 lines
454 B
JavaScript
24 lines
454 B
JavaScript
|
import React from 'react'
|
||
|
|
import { css, StyleSheet } from 'next/css'
|
||
|
|
|
||
|
|
export default ({ title, children }) => (
|
||
|
|
<div className={css(styles.main)}>
|
||
|
|
<h1 className={css(styles.title)}>{ title }</h1>
|
||
|
|
{ children }
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
main: {
|
||
|
|
font: '15px Helvetica, Arial',
|
||
|
|
border: '1px solid #eee',
|
||
|
|
padding: '0 10px'
|
||
|
|
},
|
||
|
|
|
||
|
|
title: {
|
||
|
|
fontSize: '16px',
|
||
|
|
fontWeight: 'bold',
|
||
|
|
margin: '10px 0'
|
||
|
|
}
|
||
|
|
})
|