36 lines
607 B
JavaScript
36 lines
607 B
JavaScript
const React = require('react')
|
|
|
|
const colors = require('material-ui/styles/colors')
|
|
|
|
class Heading extends React.Component {
|
|
static get propTypes () {
|
|
return {
|
|
level: React.PropTypes.number
|
|
}
|
|
}
|
|
|
|
static get defaultProps () {
|
|
return {
|
|
level: 1
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const HeadingTag = 'h' + this.props.level
|
|
return (
|
|
<HeadingTag
|
|
style={{
|
|
color: colors.grey100,
|
|
fontSize: 20,
|
|
marginBottom: 15,
|
|
marginTop: 30
|
|
}}
|
|
>
|
|
{this.props.children}
|
|
</HeadingTag>
|
|
)
|
|
}
|
|
}
|
|
|
|
module.exports = Heading
|