blob: 6fa62128c1f3c7d1098f66a9ac3496be44d819db (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
//
// puts a block right in the center of the window
//
import React from 'react'
class Center extends React.Component {
static get defaultProps() {return{
width: null
}}
constructor(props) {
super(props)
}
render() {
let style = null
if (this.props.width) {
style = {width: this.props.width + 'px'}
}
return (
<div className="center-container">
<div className="center-item" style={style}>
{this.props.children}
</div>
</div>
)
}
}
Center.propTypes = {
children: React.PropTypes.oneOfType([
React.PropTypes.element,
React.PropTypes.arrayOf(React.PropTypes.element)
])
}
export default Center
|
