import React from 'react';
import classnames from 'classnames';

const Media = (props) => {
  const children = props.children;

  return (
    <div className={classnames('ui-media')}>
      {children}
    </div>
  );
};

Media.propTypes = {
  children: React.PropTypes.node,
};

export default Media;

import React from 'react';
import classnames from 'classnames';

const Media = ({ compact, children }) => {
  const className = classnames('ui-media', {
    'ui-media-compact': compact,
  });

  return (
    <div className={className}>
      {children}
    </div>
  );
};

Media.propTypes = {
  children: React.PropTypes.node,
  compact: React.PropTypes.bool,
};

Media.defaultProps = {
  compact: false,
  children: null,
};

export default Media;

Introduce compact prop for media component
Introduce compact prop for media component
