import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as r}from"../../tests/testIds.js";import{NavigationChevronRight as a}from"@vibe/icons";import{BreadcrumbsBarType as i}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as o}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import m from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";var l=o((function(i){var o=i.children,l=i.type,c=void 0===l?"indication":l,d=i.id,p=i["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(m.breadcrumbsBar,i.className),id:d,"data-testid":p||s(r.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,o&&t.Children.map(o,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(a,{className:m.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==c}))]:null}))))}),{types:i});export{l as default};
//# sourceMappingURL=BreadcrumbsBar.js.map
