@xo-union/tk-component-header-nav/lib/components/HeaderNav/MegaMenus/PlaceholderMegaMenu/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 _react = _interopRequireDefault(require("react"));
var _tkUiSkeleton = require("@xo-union/tk-ui-skeleton");
var _ContextCjs = require("../../Context.cjs.js");
const PlaceholderMegaMenu = () => {
  const {
    classes
  } = (0, _ContextCjs.useHeaderNavContext)();
  return /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Skeleton, {
    "aria-label": "Loading section...",
    className: classes['skeleton-megamenu']
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-section']
  }, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-section-title']
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-section-columns']
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-base']
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-section']
  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-grid-title']
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: classes['skeleton-section-grid']
  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image-subtitle']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image-subtitle']
  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image-subtitle']
  }), /*#__PURE__*/_react.default.createElement(_tkUiSkeleton.Bone, {
    className: classes['bone-image-subtitle']
  }))))));
};
var _default = PlaceholderMegaMenu;
exports.default = _default;