33 lines
992 B
JavaScript
Executable File
33 lines
992 B
JavaScript
Executable File
import React from 'react';
|
|
import _ from 'lodash';
|
|
import PropTypes from 'prop-types';
|
|
import classNames from 'classnames';
|
|
|
|
const EmptyLayoutSection = (props) => {
|
|
const sectionClass = classNames(props.className, 'fullscreen__section', {
|
|
'fullscreen__section--center': props.center
|
|
});
|
|
const maxWidth = _.isNumber(props.width) ? `${props.width}px` : props.width;
|
|
return (
|
|
<div className={ sectionClass }>
|
|
{
|
|
props.center ?
|
|
<div className="fullscrenn__section__child" style={{ maxWidth }}>
|
|
{ props.children }
|
|
</div> : props.children
|
|
}
|
|
</div>
|
|
)
|
|
};
|
|
EmptyLayoutSection.propTypes = {
|
|
className: PropTypes.string,
|
|
children: PropTypes.node.isRequired,
|
|
center: PropTypes.bool,
|
|
width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
|
|
};
|
|
EmptyLayoutSection.defaultProps = {
|
|
width: '420px'
|
|
}
|
|
|
|
export { EmptyLayoutSection };
|