bee-layout/src/Row.js

[](https://www.npmjs.com/package/bee-layout) [](https://travis-ci.org/tinper-bee/bee-layout) [![Coverage Status](ht

import classNames from 'classnames';
import React, { Component } from 'react';
import PropTypes from 'prop-types';

const propTypes = {
  componentClass: PropTypes.oneOfType([
      PropTypes.element,
      PropTypes.string
  ])
};

const defaultProps = {
  componentClass: 'div',
  clsPrefix: 'u-row'
};


class Row extends Component {
  render() {
    const { componentClass: Component, clsPrefix, className, ...others } = this.props;

    const bsclass = `${clsPrefix}`;

    return (
      <Component
        {...others}
        className={classNames(bsclass, className)}
      >
      { this.props.children }
      </Component>
    );
  }
}

Row.propTypes = propTypes;
Row.defaultProps = defaultProps;

export default Row;