@coreui/react/dist/esm/components/nav/CNav.js

UI Components Library for React.js

import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import classNames from '../../_virtual/index.js';

var CNav = 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 = __rest(_a, ["children", "as", "className", "layout", "variant"]);
    return (React.createElement(Component, __assign({ className: classNames('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';

export { CNav };
//# sourceMappingURL=CNav.js.map