@xo-union/tk-component-header-nav/lib/components/HeaderNav/TopLevelList/index.cjs.js

"use strict";

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/instance/map"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _ContextCjs = require("../Context.cjs.js");
const TopLevelList = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
  var _context;
  const {
    classes
  } = (0, _ContextCjs.useHeaderNavContext)();
  return /*#__PURE__*/_react.default.createElement("ul", {
    className: classes['top-level-nav-list'],
    ref: ref,
    role: "list"
  }, (0, _map.default)(_context = _react.default.Children).call(_context, props.children, child => /*#__PURE__*/_react.default.createElement("li", {
    className: classes['menu-sub-heading-list-item']
  }, child)));
});
process.env.NODE_ENV !== "production" ? TopLevelList.propTypes = {
  children: _propTypes.default.node
} : void 0;
var _default = TopLevelList;
exports.default = _default;