const d=e=>e.map((a,c)=>{const i=c===e.length-1,l=i?"inail-breadcrumb-active ":"",s=i?'aria-current="page"':"";return`<li role="listitem">
        <a href="${a.href}" class="${l}inail-text-link-1-semibold" ${s}>
          ${a.label}
        </a>
      </li>`}).join(`
`);function u(e){return`<div class="row breadcrumbs internet-breadcrumb">
    <nav aria-label="breadcrumb percorso di navigazione">
      <ul class="breadcrumb visible-sm-block visible-md-block visible-lg-block inail-breadcrumb">
        ${d(e)}
      </ul>
    </nav>
  </div>`}const b=`La breadcrumb ("briciole di pane") é una tecnica di navigazione utilizzata nelle interfacce utente. Rappresenta il percorso gerarchico di link per giungere una data pagina all'interno di un sito web.
É un elemento utile per tornare indietro e/o alla pagina iniziale del sito web. `,m={title:"Componenti/Breadcrumb",tags:["autodocs"],argTypes:{breadcrumbs:{control:"object",description:"Array di breadcrumbs."}},args:{breadcrumbs:[{label:"Livello 1",href:"javascript:void(0)"},{label:"Livello 2",href:"javascript:void(0)"},{label:"Livello 3",href:"javascript:void(0)"}]},render:e=>u(e.breadcrumbs),parameters:{docs:{description:{component:`La breadcrumb ("briciole di pane") é una tecnica di navigazione utilizzata nelle interfacce utente. Rappresenta il percorso gerarchico di<br/>link per giungere una data pagina all'interno di un sito web.<br/>É un elemento utile per tornare indietro e/o alla pagina iniziale del sito web.`},mdxPage:b}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},r={};var n,t,o;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(o=(t=r.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const p=["Breadcrumb"];export{r as Breadcrumb,p as __namedExportsOrder,m as default};
