blob: 5e47d0cc1e78cf70230bec391ed01ff5cb8a4414 (
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
40
41
|
//
// 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,
direction: 'both',
}}
constructor(props) {
super(props)
}
render() {
let style = null
if (this.props.width) {
style = {width: this.props.width + 'px'}
}
let className = "center-container center-" + this.props.direction
return (
<div className={className}>
<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
|
