import{b as L}from"./Utilities-DayKp0i-.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.6.0.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.6.0.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};
