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