@xo-union/tk-component-header-nav/lib/components/SubNav/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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _tkComponentAnalytics = require("@xo-union/tk-component-analytics");
var _reactCssModules = require("@xo-union/react-css-modules");
var _classesPropType = _interopRequireDefault(require("@xo-union/classes-prop-type"));
var _tkUiTypography = require("@xo-union/tk-ui-typography");
var _subNavModule = _interopRequireDefault(require("../../css/sub-nav.module.css"));
var _indexCjs = _interopRequireDefault(require("../ThemeContext/index.cjs.js"));
const SubNav = _ref => {
  let {
    children,
    analyticsProps,
    classes
  } = _ref;
  return /*#__PURE__*/_react.default.createElement(_tkComponentAnalytics.ClickTracker, (0, _extends2.default)({
    eventName: "Menu Interaction",
    eventData: element => ({
      userDecisionArea: 'sub nav',
      selectionURL: element.href
    })
  }, analyticsProps), /*#__PURE__*/_react.default.createElement(_indexCjs.default.Provider, {
    value: classes
  }, /*#__PURE__*/_react.default.createElement(_tkUiTypography.Caption, {
    className: classes['sub-nav-container']
  }, /*#__PURE__*/_react.default.createElement("ul", {
    role: "list",
    className: classes['sub-nav-item-list']
  }, children))));
};
process.env.NODE_ENV !== "production" ? SubNav.propTypes = {
  classes: (0, _classesPropType.default)(),
  children: _propTypes.default.node.isRequired,
  analyticsProps: _propTypes.default.shape({
    product: _propTypes.default.string.isRequired
  })
} : void 0;
SubNav.defaultProps = {
  analyticsProps: {}
};
var _default = (0, _reactCssModules.withClasses)(_subNavModule.default)(SubNav);
exports.default = _default;