content: import styles from './Columns.less';
  import React from 'react';
  import PropTypes from 'prop-types';
  
  import classnames from 'classnames';
  
  const renderColumn = (el, index) => (
    <div key={index}>{el}</div>
  );
  
  export default function Columns({ children, tight, flexible }) {
    return (
      <div
        className={classnames({
          [styles.columns]: true,
          [styles.columns_tight]: tight,
          [styles.columns_flexible]: flexible
        })}>
        {children.map(renderColumn)}
      </div>
    );
  }
  
  Columns.propTypes = {
    children: PropTypes.array.isRequired,
    tight: PropTypes.bool,
    flexible: PropTypes.bool
  };
  