import{b as L}from"./Utilities-BAFDtIJ2.js";function f(){return`<div class="menu_orizzont_cont">
  <div class="menu_orizzontale">
    <div class="menu_orizzontale_inner">
      <nav aria-label="Menu orizzontale">
        <ul class="main_links" id="menubar1">
          <li>
            <a href="#">Link 1</a>
          </li>
          <li>
            <a href="#">Link 2</a>
          </li>
          <li>
            <a href="#">Link 3</a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>`}function k(){return`<div class="menu_orizzont_cont">
  <div class="menu_orizzontale">
    <div class="menu_orizzontale_inner">
      <nav aria-label="Menu orizzontale">
        <ul class="main_links" id="menubar3" aria-label="Menu orizzontale">
          <li class="selected">
            <a href="#">Link 1</a>
            <ul>
              <li>
                <a href="#">Link 1.1</a>
              </li>
              <li>
                <a href="#">Link 1.2</a>
              </li>
              <li>
                <a id="menubar3113" href="#">Link 1.3</a>
                <ul>
                  <li>
                    <a href="#">Link 1.3.1</a>
                  </li>
                  <li>
                    <a href="#">Link 1.3.2</a>
                  </li>
                  <li>
                    <a href="#">Link 1.3.3</a>
                    <ul>
                      <li>
                        <a href="#">Link 1.3.3.0</a>
                      </li>
                      <li>
                        <a href="#">Link 1.3.3.2</a>
                      </li>
                      <li>
                        <a href="#">Link 1.3.3.3</a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">Link 2</a>
          </li>
          <li>
            <a href="#">Link 3</a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>`}function h(){return`<div class="menu_orizzont_cont">
  <div class="menu_orizzontale">
    <div class="menu_orizzontale_inner">
      <nav aria-label="Menu orizzontale">
        <ul class="main_links" id="menubar2">
          <li class="selected">
            <a href="#">Link 1</a>
            <ul>
              <li>
                <a href="#">Link 1.1</a>
              </li>
              <li>
                <a href="#">Link 1.2</a>
              </li>
              <li class="selected">
                <a id="menubar2113" href="#">Link 1.3</a>
                <ul>
                  <li>
                    <a href="#">Link 1.3.1</a>
                  </li>
                  <li>
                    <a href="#">Link 1.3.2</a>
                  </li>
                  <li class="selected">
                    <a href="#">Link 1.3.3</a>
                    <ul>
                      <li>
                        <a href="#">Link 1.3.3.0</a>
                      </li>
                      <li>
                        <a href="#">Link 1.3.3.2</a>
                      </li>
                      <li>
                        <a href="#">Link 1.3.3.3</a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">Link 2</a>
            <ul>
              <li>
                <a href="#">Link 2.1</a>
              </li>
              <li>
                <a href="#">Link 2.3</a>
                <ul>
                  <li>
                    <a href="#">Link 2.4</a>
                  </li>
                  <li>
                    <a href="#">Link 2.5</a>
                  </li>
                  <li>
                    <a href="#">Link 2.6</a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <a href="#">Link 3</a>
            <ul>
              <li>
                <a href="#">Link 3.1</a>
              </li>
              <li>
                <a href="#">Link 3.2</a>
              </li>
              <li>
                <a href="#">Link 3.4</a>
              </li>
              <li>
                <a href="#">Link 3.5</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>`}const v="N.D",_={title:"Components/Menu orizzontale",tags:["autodocs"],parameters:{docs:{description:{component:`La menu ("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:v}},decorators:[(m,z)=>L(m,z,1,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1)]},e={name:"Esempio menu orizzontale chiuso (0 livelli)",render:()=>f()},i={name:"Esempio menu orizzontale aperto (1 livello)",render:()=>k()},a={name:"Esempio menu orizzontale aperto (3 livelli)",render:()=>h()};var n,l,r;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale chiuso (0 livelli)",
  render: () => {
    return createMenu();
  }
}`,...(r=(l=e.parameters)==null?void 0:l.docs)==null?void 0:r.source}}};var o,t,s;i.parameters={...i.parameters,docs:{...(o=i.parameters)==null?void 0:o.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (1 livello)",
  render: () => {
    return createMenuLevel1();
  }
}`,...(s=(t=i.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};var u,c,d;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (3 livelli)",
  render: () => {
    return createMenuLevel3();
  }
}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const M=["MenuHorizontal","MenuHorizontalLevel1","MenuHorizontalLevel3"];export{e as MenuHorizontal,i as MenuHorizontalLevel1,a as MenuHorizontalLevel3,M as __namedExportsOrder,_ as default};
