33 lines
613 B
JavaScript
33 lines
613 B
JavaScript
import * as React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import * as colors from 'material-ui/styles/colors'
|
|
|
|
export default class Heading extends React.Component {
|
|
static get propTypes () {
|
|
return {
|
|
level: PropTypes.number
|
|
}
|
|
}
|
|
|
|
static get defaultProps () {
|
|
return {
|
|
level: 1
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const HeadingTag = 'h' + this.props.level
|
|
const style = {
|
|
color: colors.grey100,
|
|
fontSize: 20,
|
|
marginBottom: 15,
|
|
marginTop: 30
|
|
}
|
|
return (
|
|
<HeadingTag style={style}>
|
|
{this.props.children}
|
|
</HeadingTag>
|
|
)
|
|
}
|
|
}
|