import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import styles from './Spaced.styl';

export default function Spaced({ half = false, horizontal = false, close = false, right = false, children }) {
  const classes = classNames({
    [styles.spaced]: true,
    [styles.half]: half,
    [styles.horizontal]: horizontal,
    [styles.right]: right,
    [styles.close]: close
  });
  return (
    <div className={classes}>
      {children}
    </div>
  );
}

Spaced.propTypes = {
  close: PropTypes.bool,
  horizontal: PropTypes.bool,
  right: PropTypes.bool
};

Spaced.defaultProps = {
  close: undefined,
  horizontal: undefined,
  right: undefined
};