const c=e=>e.map((a,n)=>{const i=n===e.length-1,t=i?"inail-breadcrumb-active ":"",o=i?'aria-current="page"':"";return`<li role="listitem">
        <a href="${a.href}" class="${t}inail-text-link-1-semibold" ${o}>
          ${a.label}
        </a>
      </li>`}).join(`
`);function l(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">
        ${c(e)}
      </ul>
    </nav>
  </div>`}const s=`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. `,d={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=>l(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:s}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},r={};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:"{}",...r.parameters?.docs?.source}}};const u=["Breadcrumb"];export{r as Breadcrumb,u as __namedExportsOrder,d as default};
