react-bootify
Version:
react-bootify
61 lines (44 loc) • 2.7 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = NavBar;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _tag = _interopRequireDefault(require("../tag"));
var _toggler = _interopRequireDefault(require("./toggler"));
var _brand = _interopRequireDefault(require("./brand"));
var _collapse = _interopRequireDefault(require("./collapse"));
var _nav = _interopRequireDefault(require("./nav"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function NavBar(props) {
var _props = props,
tag = _props.tag,
children = _props.children,
color = _props.color,
className = _props.className,
props = _objectWithoutProperties(_props, ["tag", "children", "color", "className"]);
className = (0, _classnames["default"])('navbar navbar-expand-lg', className);
className = (0, _classnames["default"])(color ? "navbar-".concat(color) : '', className);
return _react["default"].createElement(_tag["default"], _extends({
tag: tag,
className: className
}, props), children);
}
NavBar.propTypes = {
/** Default tag */
tag: _propTypes["default"].string,
/** Color */
color: _propTypes["default"].string
};
NavBar.defaultProps = {
tag: 'nav'
};
NavBar.Toggler = _toggler["default"];
NavBar.Brand = _brand["default"];
NavBar.Collapse = _collapse["default"];
NavBar.Nav = _nav["default"];
;