'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("../hooks/useBreadcrumb.js"),t=require("./BreadcrumbItem.js"),a=require("@gem-sdk/system"),l=require("../common/attrs.js"),c=require("../common/styles.js"),u=require("../common/classes.js"),m=require("@gem-sdk/core");exports.default=({className:i,setting:d={},style:n,styles:o={},builderAttrs:g,builderProps:y,advanced:b})=>{let{background:j,align:p}=d||{},{currentBreadcrumb:q}=r.useBreadcrumb(),S=s.useMemo(()=>{let s=q.length;return q.length?q.map((r,a)=>e.jsx(t.default,{lengthOfBreadcrumb:s,templateName:r,breadcrumbItemIndex:a,setting:d,styles:o},a)):null},[q,d,o]),v=a.createAttr({...l.getAttr({uid:y?.uid??"",builderAttrs:g})}),x=a.createStyle({...c.getBreadcrumbStyles(n,{background:j,align:p})}),h=a.createClass({...u.getBreadcrumbClasses(i),...b?.cssClass&&{[b.cssClass]:!0}}),B=a.createClass({...u.getNavClasses()}),C=a.createAttr({...l.getNavAttr()}),k=a.createStyle({...m.makeGlobalSize(d?.globalSize).padding,...c.getSpacingStyles(d?.spacing),...m.makeStyleResponsive("jc",p)});return e.jsx("div",{...v,style:x,className:h,children:e.jsx("nav",{style:k,className:B,...C,children:S})})};
