@xo-union/tk-component-header-nav
Version:
108 lines (107 loc) • 6.3 kB
JavaScript
"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 _tkComponentPicture = require("@xo-union/tk-component-picture");
var _indexCjs = require("../../MegaMenu/index.cjs.js");
var _ContextCjs = require("../../Context.cjs.js");
var _layoutsCjs = require("../layouts.cjs.js");
const weddingDressesImageId = (0, _tkComponentPicture.getMediaApiEnv)() === 'production' ? 'b2a65f1a-e1d1-4df7-ab66-abfff88e0971' : '9ff03095-c88f-458b-b58e-aace89d23eef';
const engagementRingsImageId = (0, _tkComponentPicture.getMediaApiEnv)() === 'production' ? '52c54e3c-0c82-4fc5-9c7b-1c384e980b86' : 'd83ec348-1325-4d35-8270-35099a2bdcf6';
const suitsTuxesImageId = (0, _tkComponentPicture.getMediaApiEnv)() === 'production' ? 'd3f29d7e-29d1-40d2-a094-18578e00c8b3' : 'b7e3c826-22f1-4fed-b114-ba6090dda464';
const bridesmaidDressesImageId = (0, _tkComponentPicture.getMediaApiEnv)() === 'production' ? '90fa3460-cacc-42b4-b1de-38effb7afc48' : '7126c306-d040-4e4f-a586-56d155ef66a3';
const AttireRingsMegaMenu = () => {
const {
menuTypes,
links
} = (0, _ContextCjs.useHeaderNavContext)();
return /*#__PURE__*/_react.default.createElement(_indexCjs.MegaMenu, {
menuID: menuTypes.ATTIRE_RINGS,
containerProps: {
'data-trackable-context-group': 'fashion'
},
layout: _layoutsCjs.layout4LinkColsAnd4SmallFeaturedUnits
}, /*#__PURE__*/_react.default.createElement(_indexCjs.LinkSection, {
headingContent: "Attire & Rings",
headingTextProps: {
href: links.ATTIRE_RINGS
}
}, /*#__PURE__*/_react.default.createElement(_indexCjs.LinkColumn, null, /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryLinkMenu, {
id: "attire-rings-wedding-dresses",
headingContent: "Wedding dresses",
href: links.WEDDING_DRESSES,
menuID: menuTypes.ATTIRE_RINGS
}, /*#__PURE__*/_react.default.createElement(_indexCjs.SeeAllSubCategoryLink, {
href: links.WEDDING_DRESSES
}, "All wedding dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.A_LINE_DRESSES
}, "A-line dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.BALL_GOWN_DRESSES
}, "Ball gown dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.MERMAID_DRESSES
}, "Mermaid dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.SHEATH_DRESSES
}, "Sheath dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.SHORT_DRESSES
}, "Short dresses"))), /*#__PURE__*/_react.default.createElement(_indexCjs.LinkColumn, null, /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.SUITS_TUXEDOS
}, "Suits & tuxedos"), /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.BRIDESMAID_DRESSES
}, "Bridesmaid dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.MOTHER_OF_THE_BRIDE_DRESSES
}, "Mother of the bride dresses"), /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.FLOWER_GIRL_DRESSES
}, "Flower girl dresses and ring bearer outfits")), /*#__PURE__*/_react.default.createElement(_indexCjs.LinkColumn, null, /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryLinkMenu, {
id: "attire-rings-engagement-rings",
headingContent: "Engagement rings",
href: links.ENGAGEMENT_RINGS
}, /*#__PURE__*/_react.default.createElement(_indexCjs.SeeAllSubCategoryLink, {
href: links.ENGAGEMENT_RINGS
}, "All engagement rings"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.PRINCESS_CUT
}, "Princess cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.ASSCHER_CUT
}, "Asscher cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.CUSHION_CUT
}, "Cushion cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.EMERALD_CUT
}, "Emerald cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.PEAR_CUT
}, "Pear cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.RADIANT_CUT
}, "Radiant cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.ROUND_CUT
}, "Round cut"), /*#__PURE__*/_react.default.createElement(_indexCjs.SubCategoryLink, {
href: links.OVAL_CUT
}, "Oval cut"))), /*#__PURE__*/_react.default.createElement(_indexCjs.LinkColumn, null, /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.WEDDING_RINGS
}, "Wedding rings"), /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.WEDDING_JEWELRY
}, "Wedding jewelry"), /*#__PURE__*/_react.default.createElement(_indexCjs.MainCategoryPrimaryLink, {
href: links.WEDDING_ACCESSORIES
}, "Wedding accessories"))), /*#__PURE__*/_react.default.createElement(_indexCjs.FeaturedSection, {
headingContent: "Get Fashion Inspiration"
}, /*#__PURE__*/_react.default.createElement(_indexCjs.FeaturedUnitCard, {
linkUrl: links.WEDDING_DRESSES,
imageId: weddingDressesImageId,
copy: "Wedding dresses"
}), /*#__PURE__*/_react.default.createElement(_indexCjs.FeaturedUnitCard, {
linkUrl: links.ENGAGEMENT_RINGS,
imageId: engagementRingsImageId,
copy: "Engagement rings"
}), /*#__PURE__*/_react.default.createElement(_indexCjs.FeaturedUnitCard, {
linkUrl: links.SUITS_TUXEDOS,
imageId: suitsTuxesImageId,
copy: "Suits & tuxedos"
}), /*#__PURE__*/_react.default.createElement(_indexCjs.FeaturedUnitCard, {
linkUrl: links.BRIDESMAID_DRESSES,
imageId: bridesmaidDressesImageId,
copy: "Bridesmaid dresses"
})));
};
var _default = AttireRingsMegaMenu;
exports.default = _default;