import{b as v}from"./Utilities-DayKp0i-.js";function k(){return`
	<div class="inail-menu-orizzontale-container">
		<ul class="inail-menu-orizzontale">
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 2</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 3</a></li>
		</ul>
	</div>
	`}function h(){return`
	<div class="inail-menu-orizzontale-container">
		<ul class="inail-menu-orizzontale">
			<li><i class="fa-solid fa-chevron-down"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 2</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 3</a></li>
		</ul>
		<ul class="inail-menu-orizzontale-child">
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.1</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.2</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3</a></li>
		</ul>
	</div>
	`}function g(){return`
	<div class="inail-menu-orizzontale-container">
		<ul class="inail-menu-orizzontale">
			<li><i class="fa-solid fa-chevron-down"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 2</a></li>
			<li><i class="fa-solid fa-chevron-right"></i><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 3</a></li>
		</ul>
		<ul class="inail-menu-orizzontale-child">
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.1</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.2</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3</a></li>
		</ul>
		<ul class="inail-menu-orizzontale-child">
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.1</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.2</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.3</a></li>
		</ul>
		<ul class="inail-menu-orizzontale-child">
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.3.1</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.3.2</a></li>
			<li><a href="javascript:void(0)" data-original-title="Link" class="inail-button-link" data-placement="right">Link 1.3.3.3</a></li>
		</ul>
	</div>
	`}const L="N.D.",z={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:L}},decorators:[(t,e)=>v(t,e,1,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`]},i={name:"Esempio menu orizzontale chiuso (0 livelli)",render:()=>k()},a={name:"Esempio menu orizzontale aperto (1 livello)",render:()=>h()},n={name:"Esempio menu orizzontale aperto (3 livelli)",render:()=>g()};var l,r,o;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale chiuso (0 livelli)",
  render: () => {
    return createMenu();
  }
}`,...(o=(r=i.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var s,c,d;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (1 livello)",
  render: () => {
    return createMenuLevel1();
  }
}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Esempio menu orizzontale aperto (3 livelli)",
  render: () => {
    return createMenuLevel3();
  }
}`,...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const b=["MenuHorizontal","MenuHorizontalLevel1","MenuHorizontalLevel3"];export{i as MenuHorizontal,a as MenuHorizontalLevel1,n as MenuHorizontalLevel3,b as __namedExportsOrder,z as default};
