@xo-union/tk-component-header-nav/lib/components/HeaderNav/MegaMenus/PlaceholderMegaMenu/index.js

import React from "react";
import { Skeleton, Bone } from "@xo-union/tk-ui-skeleton";
import { useHeaderNavContext } from "../../Context.js";
const PlaceholderMegaMenu = () => {
  const {
    classes
  } = useHeaderNavContext();
  return /*#__PURE__*/React.createElement(Skeleton, {
    "aria-label": "Loading section...",
    className: classes['skeleton-megamenu']
  }, /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-section']
  }, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-section-title']
  }), /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-section-columns']
  }, /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  })), /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  })), /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-group']
  }, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-title']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-base']
  })))), /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-section']
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-grid-title']
  }), /*#__PURE__*/React.createElement("div", {
    className: classes['skeleton-section-grid']
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image-subtitle']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image-subtitle']
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image-subtitle']
  }), /*#__PURE__*/React.createElement(Bone, {
    className: classes['bone-image-subtitle']
  }))))));
};
export default PlaceholderMegaMenu;