@coreui/react
Version:
UI Components Library for React.js
34 lines (30 loc) • 1.25 kB
JavaScript
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
var React = require('react');
var PropTypes = require('prop-types');
var index = require('../../_virtual/index.js');
var CNav = React.forwardRef(function (_a, ref) {
var _b;
var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, layout = _a.layout, variant = _a.variant, rest = tslib_es6.__rest(_a, ["children", "as", "className", "layout", "variant"]);
return (React.createElement(Component, tslib_es6.__assign({ className: index.default('nav', variant === 'enclosed-pills' && 'nav-enclosed', (_b = {},
_b["nav-".concat(layout)] = layout,
_b["nav-".concat(variant)] = variant,
_b), className), role: "navigation" }, rest, { ref: ref }), children));
});
CNav.propTypes = {
as: PropTypes.elementType,
children: PropTypes.node,
className: PropTypes.string,
layout: PropTypes.oneOf(['fill', 'justified']),
variant: PropTypes.oneOf([
'enclosed',
'enclosed-pills',
'pills',
'tabs',
'underline',
'underline-border',
]),
};
CNav.displayName = 'CNav';
exports.CNav = CNav;
//# sourceMappingURL=CNav.js.map
;