@bigbinary/neeto-site-blocks 1.16.1 → 1.16.2

package/dist/index.cjs.js

@@ -16366,6 +16366,8 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   var position = properties.position;
   var headerIntersectorRef = React.useRef(null);
   var isHeadingWrapperVisible = useElementVisible(headerIntersectorRef);
+  var logo = properties.logo,
+    links = properties.links;
   var baseClasses = "grid grid-cols-12 sm:gap-x-4 items-center grid-flow-row-dense";
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -16380,8 +16382,10 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
       }, className),
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "col-span-5 col-start-1 hidden items-center gap-6 lg:flex",
-        children: properties.links.map(function (link, index) {
+        className: classnames__default["default"]("col-span-5 col-start-1 hidden items-center gap-6 lg:flex", {
+          "lg:col-start-4 lg:justify-center": logo.position === POSITIONS.LEFT.label
+        }),
+        children: links.map(function (link, index) {
           return /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7(_objectSpread$7({
             isHighlighted: isLinkHighlighted(link.to, currentPath),
             style: design.links
@@ -16392,19 +16396,22 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
           }, otherProps), getUniqueKey(link.label, index));
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7(_objectSpread$7({
-        action: properties.logo.action,
-        className: "col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:col-start-6 lg:max-h-14",
-        to: properties.logo.to
+        action: logo.action,
+        to: logo.to,
+        className: classnames__default["default"]("col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:max-h-14", {
+          "lg:col-start-1": logo.position === POSITIONS.LEFT.label,
+          "lg:col-start-6": logo.position === POSITIONS.RIGHT.label
+        })
       }, otherProps), {}, {
         children: /*#__PURE__*/jsxRuntime.jsx(StyledImage$1, {
           image: image,
           priority: true,
-          alt: properties.logo.alt,
+          alt: logo.alt,
           design: design.logo,
           disableButtonAndLinks: otherProps.disableButtonAndLinks,
           id: "header-with-icons-logo",
           isAddNewPane: otherProps.isAddNewPane,
-          src: properties.logo.src
+          src: logo.src
         })
       })), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex",
@@ -16445,7 +16452,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         })
       }), isLinksOpen && /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden",
-        children: [properties.links.map(function (icon, index) {
+        children: [links.map(function (icon, index) {
           return /*#__PURE__*/jsxRuntime.jsx(Link, _objectSpread$7({
             className: "w-fit",
             id: "header-with-icons-links-".concat(index, "-link"),