import React from 'react';
import PropTypes from 'prop-types';
/**
 * Tab is supplemental, non-clickable component used to help bring attention to an item or object.
 * @param props
 * @returns {XML}
 * @constructor
 */

var TabPane = function TabPane(props) {
  var children = props.children,
      active = props.active;
  return React.createElement("div", {
    className: "cui-tab__pane" + ("" + (active ? ' active' : ''))
  }, React.createElement("div", {
    className: "cui-tab__content"
  }, children));
};

TabPane.propTypes = {
  /** @prop Determines if TabPane is active | false */
  active: PropTypes.bool,

  /** @prop Children nodes to render inside TabPane | null */
  children: PropTypes.node
};
TabPane.defaultProps = {
  active: false,
  children: null
};
TabPane.displayName = 'TabPane';
export default TabPane;