@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/TitleBlock/TitleBlock.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { Avatar } from '../Avatar/Avatar.mjs';
@@ -43,11 +43,11 @@ var renderTag = function (surveyStatus) {
   if (surveyStatus.status === 'default') {
     tagVariant = 'default';
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     "data-automation-id": "survey-status-tag",
     "data-testid": "survey-status-tag",
     className: modules_59bd9bfb.tag
-  }, /*#__PURE__*/React.createElement(Tag, {
+  }, /*#__PURE__*/React__default.createElement(Tag, {
     variant: tagVariant,
     size: "small"
   }, surveyStatus.text));
@@ -56,37 +56,37 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return 'props' in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps, avatarAutomationId) {
-  return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React.createElement("div", {
+  return isJSXElement(imageElementOrAvatarProps) ? (/*#__PURE__*/React__default.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: classnames(modules_59bd9bfb.avatar, modules_59bd9bfb.withBorder)
-  }, imageElementOrAvatarProps)) : (/*#__PURE__*/React.createElement("div", {
+  }, imageElementOrAvatarProps)) : (/*#__PURE__*/React__default.createElement("div", {
     "data-automation-id": avatarAutomationId,
     "data-testid": avatarAutomationId,
     className: modules_59bd9bfb.avatar
-  }, /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
+  }, /*#__PURE__*/React__default.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
     size: "medium"
   }))));
 };
 var renderSubtitle = function (subtitle, subtitleAutomationId) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_59bd9bfb.subtitle
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     "data-automation-id": subtitleAutomationId,
     "data-testid": subtitleAutomationId,
     className: modules_59bd9bfb.subtitleText
   }, subtitle));
 };
 var defaultRenderSectionTitle = function (sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionTitle && (/*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, sectionTitle && (/*#__PURE__*/React__default.createElement("div", {
     className: modules_59bd9bfb.sectionTitle
-  }, /*#__PURE__*/React.createElement(Heading, {
+  }, /*#__PURE__*/React__default.createElement(Heading, {
     variant: "heading-2",
     color: isReversed(variant) ? 'white' : 'dark',
     classNameOverride: modules_59bd9bfb.sectionTitleOverride,
     "data-automation-id": sectionTitleAutomationId,
     "data-testid": sectionTitleAutomationId
-  }, sectionTitle))), sectionTitleDescription && (/*#__PURE__*/React.createElement("div", {
+  }, sectionTitle))), sectionTitleDescription && (/*#__PURE__*/React__default.createElement("div", {
     "data-automation-id": sectionTitleDescriptionAutomationId,
     "data-testid": sectionTitleDescriptionAutomationId,
     className: classnames(modules_59bd9bfb.sectionTitleDescription, !isReversed(variant) && modules_59bd9bfb.dark)
@@ -102,59 +102,59 @@ var Breadcrumb = function (_a) {
     text = breadcrumb.text,
     render = breadcrumb.render;
   var InnerContents = function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: modules_59bd9bfb.circle
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React__default.createElement(Icon, {
       name: "arrow_back",
       isPresentational: true,
       shouldMirrorInRTL: true
-    })), /*#__PURE__*/React.createElement("span", {
+    })), /*#__PURE__*/React__default.createElement("span", {
       className: modules_59bd9bfb.breadcrumbTextLink,
       "data-automation-id": textAutomationId,
       "data-testid": textAutomationId
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: modules_59bd9bfb.breadcrumbText
     }, text)));
   };
   if (render) {
     var CustomRender = render;
-    return /*#__PURE__*/React.createElement(CustomRender, {
+    return /*#__PURE__*/React__default.createElement(CustomRender, {
       breadcrumb: breadcrumb,
       className: modules_59bd9bfb.breadcrumb,
       automationId: automationId,
       textAutomationId: textAutomationId,
       textDirection: textDirection
-    }, /*#__PURE__*/React.createElement(InnerContents, null));
+    }, /*#__PURE__*/React__default.createElement(InnerContents, null));
   }
   var TagName = path ? 'a' : 'button';
-  return /*#__PURE__*/React.createElement(TagName, __assign({}, path && {
+  return /*#__PURE__*/React__default.createElement(TagName, __assign({}, path && {
     href: path
   }, {
     className: modules_59bd9bfb.breadcrumb,
     "data-automation-id": automationId,
     "data-testid": automationId,
     onClick: handleClick
-  }), /*#__PURE__*/React.createElement(InnerContents, null));
+  }), /*#__PURE__*/React__default.createElement(InnerContents, null));
 };
 // We want to accept undefined here because the NavigationTabs container is
 // important for the flex-based layout (it pushes Secondary Actions over to the right)
 var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: modules_59bd9bfb.navigationTabScrollerContainer
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classnames(modules_59bd9bfb.navigationTabsContainer, collapse && modules_59bd9bfb.navigationTabsContainerCollapsed)
-  }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, !collapse && navigationTabs !== undefined && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
     className: modules_59bd9bfb.navigationTabEdgeShadowLeft
-  }), /*#__PURE__*/React.createElement("nav", {
+  }), /*#__PURE__*/React__default.createElement("nav", {
     className: modules_59bd9bfb.navigationTabsNav,
     "aria-label": ariaLabel
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default.createElement("ul", {
     className: modules_59bd9bfb.navigationTabsList
   }, navigationTabs.map(function (navigationTab, index) {
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React__default.createElement("li", {
       key: index
     }, navigationTab);
-  }))), /*#__PURE__*/React.createElement("span", {
+  }))), /*#__PURE__*/React__default.createElement("span", {
     className: modules_59bd9bfb.navigationTabEdgeShadowRight
   })))));
 };
@@ -162,133 +162,130 @@ var renderNavigationTabs = function (navigationTabs, collapse, ariaLabel) {
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-titleblock-api-specification--docs Storybook}
  */
-const TitleBlock = /*#__PURE__*/function () {
-  const TitleBlock = function (_a) {
-    var _b, _c, _d;
-    var title = _a.title,
-      variant = _a.variant,
-      breadcrumb = _a.breadcrumb,
-      avatar = _a.avatar,
-      subtitle = _a.subtitle,
-      sectionTitle = _a.sectionTitle,
-      sectionTitleDescription = _a.sectionTitleDescription,
-      renderSectionTitle = _a.renderSectionTitle,
-      pageSwitcherSelect = _a.pageSwitcherSelect,
-      handleHamburgerClick = _a.handleHamburgerClick,
-      primaryAction = _a.primaryAction,
-      defaultAction = _a.defaultAction,
-      secondaryActions = _a.secondaryActions,
-      secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
-      navigationTabs = _a.navigationTabs,
-      _e = _a.collapseNavigationAreaWhenPossible,
-      collapseNavigationAreaWhenPossible = _e === void 0 ? false : _e,
-      textDirection = _a.textDirection,
-      surveyStatus = _a.surveyStatus,
-      id = _a.id,
-      _f = _a.titleAutomationId,
-      titleAutomationId = _f === void 0 ? 'TitleBlock__Title' : _f,
-      _g = _a.avatarAutomationId,
-      avatarAutomationId = _g === void 0 ? 'TitleBlock__Avatar' : _g,
-      _h = _a.subtitleAutomationId,
-      subtitleAutomationId = _h === void 0 ? 'TitleBlock__Subtitle' : _h,
-      _j = _a.sectionTitleAutomationId,
-      sectionTitleAutomationId = _j === void 0 ? 'TitleBlock__SectionTitle' : _j,
-      _k = _a.sectionTitleDescriptionAutomationId,
-      sectionTitleDescriptionAutomationId = _k === void 0 ? 'TitleBlock__SectionTitleDescription' : _k,
-      _l = _a.breadcrumbAutomationId,
-      breadcrumbAutomationId = _l === void 0 ? 'TitleBlock__Breadcrumb' : _l,
-      _m = _a.breadcrumbTextAutomationId,
-      breadcrumbTextAutomationId = _m === void 0 ? 'TitleBlock__BreadcrumbText' : _m;
-    var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
-    var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
-    var _o = useMediaQueries().queries,
-      isSmall = _o.isSmall,
-      isMedium = _o.isMedium;
-    var isSmallOrMediumViewport = isMedium || isSmall;
-    var formatMessage = useIntl().formatMessage;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      id: id,
-      className: classnames(modules_59bd9bfb.titleBlock, modules_59bd9bfb["".concat(variant, "Variant")], Boolean(subtitle) && modules_59bd9bfb.hasSubtitle, Boolean(pageSwitcherSelect) && modules_59bd9bfb.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && modules_59bd9bfb.collapseNavigationArea, title && title.length >= 30 && modules_59bd9bfb.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && modules_59bd9bfb.hasLongSubtitle, hasNavigationTabs && modules_59bd9bfb.hasNavigationTabs)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleRow
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleRowInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleRowInnerContent
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndAdjacent
-    }, breadcrumb && (/*#__PURE__*/React.createElement(Breadcrumb, {
-      breadcrumb: breadcrumb,
-      automationId: breadcrumbAutomationId,
-      textAutomationId: breadcrumbTextAutomationId,
-      textDirection: textDirection
-    })), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndAdjacentNotBreadcrumb
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.hamburger
-    }, /*#__PURE__*/React.createElement(IconButton, {
-      onClick: handleHamburgerClick,
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        name: "menu",
-        isPresentational: true
-      }),
-      label: formatMessage({
-        id: 'kzTitleBlock.hamburgerMenuLabel',
-        defaultMessage: 'Open menu',
-        description: 'Label for the dropdown menu which displays navigation items'
-      }),
-      reversed: isReversed(variant)
-    }))), avatar && renderAvatar(avatar, avatarAutomationId), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndSubtitle
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.titleAndSubtitleInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.title
-    }, /*#__PURE__*/React.createElement(Heading, {
-      variant: "composable-header-title",
-      color: isReversed(variant) ? 'white' : 'dark',
-      classNameOverride: modules_59bd9bfb.titleTextOverride,
-      "data-automation-id": titleAutomationId,
-      "data-testid": titleAutomationId
-    }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.pageSwitcherSelectUnderneathTitle
-    }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
-      variant: "secondary-small",
-      reversed: true
-    })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.pageSwitcherSelectNextToTitle
-    }, /*#__PURE__*/React.createElement(Select, __assign({}, pageSwitcherSelect, {
-      variant: "secondary",
-      reversed: true,
-      fullWidth: true
-    }))))))), ((_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) && (/*#__PURE__*/React.createElement(MainActions, {
-      primaryAction: primaryAction,
-      defaultAction: defaultAction,
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      reversed: isReversed(variant)
-    }))))), /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparator
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparatorInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.rowBelowSeparatorInnerContent
-    }, ((_d = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _d !== void 0 ? _d : renderSectionTitle) && (/*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.sectionTitleContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_59bd9bfb.sectionTitleInner
-    }, renderSectionTitle ? renderSectionTitle({
-      sectionTitle: sectionTitle,
-      sectionTitleAutomationId: sectionTitleAutomationId,
-      sectionTitleDescription: sectionTitleDescription,
-      sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
-    }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), !sectionTitle && !sectionTitleDescription && !renderSectionTitle && renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(SecondaryActions, {
-      secondaryActions: secondaryActions,
-      secondaryOverflowMenuItems: secondaryOverflowMenuItems,
-      reversed: isReversed(variant)
-    })))))));
-  };
-  TitleBlock.displayName = 'TitleBlock';
-  return TitleBlock;
-}();
+var TitleBlock = function (_a) {
+  var _b, _c, _d;
+  var title = _a.title,
+    variant = _a.variant,
+    breadcrumb = _a.breadcrumb,
+    avatar = _a.avatar,
+    subtitle = _a.subtitle,
+    sectionTitle = _a.sectionTitle,
+    sectionTitleDescription = _a.sectionTitleDescription,
+    renderSectionTitle = _a.renderSectionTitle,
+    pageSwitcherSelect = _a.pageSwitcherSelect,
+    handleHamburgerClick = _a.handleHamburgerClick,
+    primaryAction = _a.primaryAction,
+    defaultAction = _a.defaultAction,
+    secondaryActions = _a.secondaryActions,
+    secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
+    navigationTabs = _a.navigationTabs,
+    _e = _a.collapseNavigationAreaWhenPossible,
+    collapseNavigationAreaWhenPossible = _e === void 0 ? false : _e,
+    textDirection = _a.textDirection,
+    surveyStatus = _a.surveyStatus,
+    id = _a.id,
+    _f = _a.titleAutomationId,
+    titleAutomationId = _f === void 0 ? 'TitleBlock__Title' : _f,
+    _g = _a.avatarAutomationId,
+    avatarAutomationId = _g === void 0 ? 'TitleBlock__Avatar' : _g,
+    _h = _a.subtitleAutomationId,
+    subtitleAutomationId = _h === void 0 ? 'TitleBlock__Subtitle' : _h,
+    _j = _a.sectionTitleAutomationId,
+    sectionTitleAutomationId = _j === void 0 ? 'TitleBlock__SectionTitle' : _j,
+    _k = _a.sectionTitleDescriptionAutomationId,
+    sectionTitleDescriptionAutomationId = _k === void 0 ? 'TitleBlock__SectionTitleDescription' : _k,
+    _l = _a.breadcrumbAutomationId,
+    breadcrumbAutomationId = _l === void 0 ? 'TitleBlock__Breadcrumb' : _l,
+    _m = _a.breadcrumbTextAutomationId,
+    breadcrumbTextAutomationId = _m === void 0 ? 'TitleBlock__BreadcrumbText' : _m;
+  var hasNavigationTabs = navigationTabs && navigationTabs.length > 0;
+  var collapseNavigationArea = collapseNavigationAreaWhenPossible && !hasNavigationTabs && secondaryActions === undefined;
+  var _o = useMediaQueries().queries,
+    isSmall = _o.isSmall,
+    isMedium = _o.isMedium;
+  var isSmallOrMediumViewport = isMedium || isSmall;
+  var formatMessage = useIntl().formatMessage;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    id: id,
+    className: classnames(modules_59bd9bfb.titleBlock, modules_59bd9bfb["".concat(variant, "Variant")], Boolean(subtitle) && modules_59bd9bfb.hasSubtitle, Boolean(pageSwitcherSelect) && modules_59bd9bfb.hasPageSwitcherSelect, collapseNavigationArea && !((_b = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _b !== void 0 ? _b : renderSectionTitle) && modules_59bd9bfb.collapseNavigationArea, title && title.length >= 30 && modules_59bd9bfb.hasLongTitle, subtitle && typeof subtitle === 'string' && subtitle.length >= 18 && modules_59bd9bfb.hasLongSubtitle, hasNavigationTabs && modules_59bd9bfb.hasNavigationTabs)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleRow
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleRowInner
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleRowInnerContent
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleAndAdjacent
+  }, breadcrumb && (/*#__PURE__*/React__default.createElement(Breadcrumb, {
+    breadcrumb: breadcrumb,
+    automationId: breadcrumbAutomationId,
+    textAutomationId: breadcrumbTextAutomationId,
+    textDirection: textDirection
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleAndAdjacentNotBreadcrumb
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, handleHamburgerClick && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.hamburger
+  }, /*#__PURE__*/React__default.createElement(IconButton, {
+    onClick: handleHamburgerClick,
+    icon: /*#__PURE__*/React__default.createElement(Icon, {
+      name: "menu",
+      isPresentational: true
+    }),
+    label: formatMessage({
+      id: 'kzTitleBlock.hamburgerMenuLabel',
+      defaultMessage: 'Open menu',
+      description: 'Label for the dropdown menu which displays navigation items'
+    }),
+    reversed: isReversed(variant)
+  }))), avatar && renderAvatar(avatar, avatarAutomationId), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleAndSubtitle
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.titleAndSubtitleInner
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.title
+  }, /*#__PURE__*/React__default.createElement(Heading, {
+    variant: "composable-header-title",
+    color: isReversed(variant) ? 'white' : 'dark',
+    classNameOverride: modules_59bd9bfb.titleTextOverride,
+    "data-automation-id": titleAutomationId,
+    "data-testid": titleAutomationId
+  }, title)), isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.pageSwitcherSelectUnderneathTitle
+  }, /*#__PURE__*/React__default.createElement(Select, __assign({}, pageSwitcherSelect, {
+    variant: "secondary-small",
+    reversed: true
+  })))), subtitle && renderSubtitle(subtitle, subtitleAutomationId))), surveyStatus && renderTag(surveyStatus), !isSmallOrMediumViewport && pageSwitcherSelect && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.pageSwitcherSelectNextToTitle
+  }, /*#__PURE__*/React__default.createElement(Select, __assign({}, pageSwitcherSelect, {
+    variant: "secondary",
+    reversed: true,
+    fullWidth: true
+  }))))))), ((_c = primaryAction !== null && primaryAction !== void 0 ? primaryAction : defaultAction) !== null && _c !== void 0 ? _c : secondaryActions) && (/*#__PURE__*/React__default.createElement(MainActions, {
+    primaryAction: primaryAction,
+    defaultAction: defaultAction,
+    secondaryActions: secondaryActions,
+    secondaryOverflowMenuItems: secondaryOverflowMenuItems,
+    reversed: isReversed(variant)
+  }))))), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.rowBelowSeparator
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.rowBelowSeparatorInner
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.rowBelowSeparatorInnerContent
+  }, ((_d = sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : sectionTitleDescription) !== null && _d !== void 0 ? _d : renderSectionTitle) && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.sectionTitleContainer
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_59bd9bfb.sectionTitleInner
+  }, renderSectionTitle ? renderSectionTitle({
+    sectionTitle: sectionTitle,
+    sectionTitleAutomationId: sectionTitleAutomationId,
+    sectionTitleDescription: sectionTitleDescription,
+    sectionTitleDescriptionAutomationId: sectionTitleDescriptionAutomationId
+  }) : defaultRenderSectionTitle(sectionTitle, sectionTitleDescription, variant, sectionTitleAutomationId, sectionTitleDescriptionAutomationId)))), !sectionTitle && !sectionTitleDescription && !renderSectionTitle && renderNavigationTabs(navigationTabs, collapseNavigationArea, title), (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : secondaryOverflowMenuItems) && (/*#__PURE__*/React__default.createElement(SecondaryActions, {
+    secondaryActions: secondaryActions,
+    secondaryOverflowMenuItems: secondaryOverflowMenuItems,
+    reversed: isReversed(variant)
+  })))))));
+};
+TitleBlock.displayName = 'TitleBlock';
 export { TitleBlock };