bee-layout/src/Layout.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 = {
  /**
   * Adds `container-fluid` class.
   */
  fluid: PropTypes.bool,
  /**
   * You can use a custom element for this component
   */
  componentClass: PropTypes.oneOfType([
      PropTypes.element,
      PropTypes.string
  ])
};

const defaultProps = {
  componentClass: 'div',
  fluid: false,
  clsPrefix: 'u-container'
};


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

    const tbclass = {
        [`${clsPrefix}`]: !fluid,
        [`${clsPrefix}-fluid`]: fluid
    };

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

Con.propTypes = propTypes;
Con.defaultProps = defaultProps;

export default Con;