import React from 'react';
import { node, bool } from 'prop-types';
import classnames from 'classnames';

const TwoColumnLayout = ({ left, right, isFlexible }) => {
  const classNames = classnames('TwoColumnLayout', { 'TwoColumnLayout--flexible': isFlexible });
  return (
    <div className={classNames}>
      <div className="TwoColumnLayout__left">{left}</div>
      <div className="TwoColumnLayout__right">{right}</div>
    </div>
  );
};

TwoColumnLayout.propTypes = {
  left: node.isRequired,
  right: node.isRequired,
  isFlexible: bool,
};

TwoColumnLayout.defaultProps = {
  isFlexible: false,
};

export default TwoColumnLayout;