import React, { PropTypes } from 'react';
import { Row, Col } from 'react-bootstrap';
import styled from 'styled-components';

const SpacingBottom = styled.div`
  margin-bottom: 2em;
`;

const Wrapper = (props) => (
  <SpacingBottom>
    <Row>
      <Col sm={12}>
        {React.Children.toArray(props.children)}
      </Col>
    </Row>
  </SpacingBottom>
);

Wrapper.propTypes = {
  children: PropTypes.node.isRequired,
};

export default Wrapper;

