@xo-union/tk-component-header-nav
Version:
142 lines • 7.03 kB
JavaScript
import React from "react";
import { ScreenReaderOnly } from "@xo-union/ui-accessibility";
import { useHeaderNavContext } from "../../Context.js";
import { LinkSection, MegaMenu, MainCategoryPrimaryLink, MainCategoryLinkMenu, SeeAllSubCategoryLink, SubCategoryLink, LinkColumn, FeaturedSection, FeaturedUnitCard } from "../../MegaMenu/index.js";
import { layout4LinkColsAnd1ExtraLargeFeaturedUnit } from "../layouts.js";
const MensWearhouseUnit = () => {
const {
links,
imageIds
} = useHeaderNavContext();
const sponsorImageId = imageIds.SENSODYNE;
return /*#__PURE__*/React.createElement(FeaturedUnitCard, {
as: "div",
imageId: sponsorImageId,
linkUrl: links.SENSODYNE,
linkProps: {
'data-trackable-selection': 'your ultimate beauty checklist by sensodyne'
},
boldCopy: true,
alt: "The No-Stress Wedding Glow-Up Guide",
copy: /*#__PURE__*/React.createElement(React.Fragment, null, "The No-Stress Wedding Glow-Up Guide", /*#__PURE__*/React.createElement(ScreenReaderOnly, null, "."), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("i", null, "Sponsored by Sensodyne Clinical White"))
});
};
const IdeasAdviceMegaMenu = () => {
const {
menuTypes,
links
} = useHeaderNavContext();
return /*#__PURE__*/React.createElement(MegaMenu, {
menuID: menuTypes.IDEAS_ADVICE,
containerProps: {
'data-trackable-context-group': 'ideas & advice'
},
layout: layout4LinkColsAnd1ExtraLargeFeaturedUnit
}, /*#__PURE__*/React.createElement(LinkSection, {
headingContent: "Ideas & advice",
headingTextProps: {
href: links.IDEAS_ADVICE
}
}, /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-engagement",
headingContent: "Engagement",
href: links.ENGAGEMENT
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.ENGAGEMENT
}, "All engagement"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.ENGAGEMENT_RINGS_CONTENT
}, "Engagement rings"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.WEDDING_PROPOSALS
}, "Wedding proposals")), /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-ceremonies-reception",
headingContent: "Ceremony & reception",
href: links.CEREMONY_RECEPTION
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.CEREMONY_RECEPTION
}, "All ceremony & reception"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.REAL_WEDDING_PHOTOS
}, "Real wedding photos"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.BUDGET_ADVICE
}, "Budget advice"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.INVITATIONS_PAPER
}, "Invitations & paper"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.THEMES_DECOR
}, "Themes & decor"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.WEDDING_TRADITIONS
}, "Wedding traditions"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.MUSIC_SONGS
}, "Music & songs"))), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-parties-events",
headingContent: "Parties & events",
href: links.PARTIES_EVENTS
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.PARTIES_EVENTS
}, "All parties & events"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.ENGAGEMENT_PARTIES
}, "Engagement party"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.BACH_PARTIES
}, "Bach parties"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.WEDDING_SHOWERS
}, "Wedding shower"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.REHEARSAL_DINNER
}, "Rehearsal dinner")), /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-travel",
headingContent: "Travel",
href: links.TRAVEL
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.TRAVEL
}, "All travel"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.DESTINATION_WEDDINGS
}, "Destination weddings"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.HONEYMOONS
}, "Honeymoons"))), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-attire-accessories",
headingContent: "Fashion",
href: links.FASHION_CONTENT
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.FASHION_CONTENT
}, "All fashion"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.COUPLES_ATTIRE
}, "Couples attire"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.RINGS_ACCESSORIES
}, "Rings & accessories"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.WEDDING_PARTY_ATTIRE
}, "Wedding party attire"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.GUEST_ATTIRE
}, "Guest attire")), /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-beauty-wellness",
headingContent: "Beauty & wellness",
href: links.BEAUTY_WELLNESS
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.BEAUTY_WELLNESS
}, "All beauty & wellness"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.HAIR_CONTENT
}, "Hair"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.MAKEUP_GROOMING
}, "Makeup & grooming"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.HEALTH_WELLNESS
}, "Health & wellness"))), /*#__PURE__*/React.createElement(LinkColumn, null, /*#__PURE__*/React.createElement(MainCategoryLinkMenu, {
id: "ideas-advice-gifts",
headingContent: "Gifts",
href: links.GIFTS_CONTENT
}, /*#__PURE__*/React.createElement(SeeAllSubCategoryLink, {
href: links.GIFTS_CONTENT
}, "All gifts"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.REGISTRY_ADVICE
}, "Registry advice"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.GIFTS_FOR_COUPLES
}, "Gifts for couples"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.FAVORS_GIFTS
}, "Favors & gifts"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.ANNIVERSARY_GIFTS_ADVICE
}, "Anniversary gifts"), /*#__PURE__*/React.createElement(SubCategoryLink, {
href: links.GIFT_GUIDES
}, "Gift ideas")), /*#__PURE__*/React.createElement(MainCategoryPrimaryLink, {
href: links.THE_KNOT_MAGAZINE
}, "The Knot Magazine"))), /*#__PURE__*/React.createElement(FeaturedSection, {
rowAs: "div",
headingContent: "Sponsored",
sponsored: true
}, /*#__PURE__*/React.createElement(MensWearhouseUnit, null)));
};
export default IdeasAdviceMegaMenu;