import React, { Component } from 'react';
import PropTypes from 'prop-types';

import * as styles from './Style.less';

export default class Container extends Component {
	static propTypes = {
		children: PropTypes.node,
		className: PropTypes.string,
		margin: PropTypes.bool
	};

	static defaultProps = {
		children: null,
		className: null,
		margin: true
	};

	render() {
		return (
			<div
				className={`${styles.Container} ${this.props.className || ''} ${this.props.margin ? '' : 'noMargin'}`}
			>
				{this.props.children && this.props.children}
			</div>
		);
	}
}
