const t="N.D.";function i(){return`<div class="tree inail-tree">
	<button class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center btn-block"
    type="button" data-toggle="collapse" data-target="#collapseTree1"
    aria-expanded="false" aria-controls="collapseTree1">
    
    <div>
        <h3 class="tree-header text-uppercase m-0 ">Titolo sezione A</h3>
    </div>
    
    <div>
        <span class="btn btn-primary tree-toggle">
            <em class="fa fa-plus toggle-icon" aria-hidden="true"></em>
            <em class="fa fa-minus toggle-icon" aria-hidden="true"></em>
            <span class="sr-only">Titolo sezione A</span>
        </span>
    </div>

</button>
	<div class="collapse" id="collapseTree1" role="region">
		<div class="tree-content">
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
					
					<span>Titolo sottosezione 1</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree1" aria-expanded="false" aria-controls="collapseSubTree1">
						<span class="sr-only">Titolo sottosezione 1</span>
					</button>
				</h3>
				
				<div class="collapse" id="collapseSubTree1" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Responsabile:</strong> MARIO ROSSI
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Indirizzo:</strong> VIA ROMA, 00100 Milano (MI)
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Telefono:</strong> 02 12345678
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Fax:</strong> 02 87654321
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Email:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:INDIRIZZO@INAIL.IT">INDIRIZZO@INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>PEC:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:PEC@POSTACERT.INAIL.IT">PEC@POSTACERT.INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Codice unità:</strong> 99999
						</div>
					</div>
				</div>
			</div>
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
				<span>Titolo sottosezione 2</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree2" aria-expanded="false" aria-controls="collapseSubTree2">
						<span class="sr-only">Titolo sottosezione 2</span>
					</button>
					
				</h3>
				<div class="collapse" id="collapseSubTree2" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Responsabile:</strong> MARIO ROSSI
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Indirizzo:</strong> VIA ROMA, 00100 Milano (MI)
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Telefono:</strong> 02 12345678
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Fax:</strong> 02 87654321
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Email:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:INDIRIZZO@INAIL.IT">INDIRIZZO@INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>PEC:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:PEC@POSTACERT.INAIL.IT">PEC@POSTACERT.INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Codice unità:</strong> 99999
						</div>
					</div>
				</div>
			</div>
			<div class="tree-heading border">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
				<span>Titolo sottosezione 3</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree3" aria-expanded="false" aria-controls="collapseSubTree3">
						<span class="sr-only">Titolo sottosezione 3</span>
					</button>
					
				</h3>
				<div class="collapse" id="collapseSubTree3" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 mb-1">
							<p>Quisque eleifend id massa nec blandit. In hac habitasse platea dictumst. Donec laoreet, dolor vulputate ullamcorper lobortis, ligula justo fermentum nisl, a sodales elit sapien sed nisi. Aenean consectetur lorem nec dolor cursus maximus. Nunc et volutpat leo. In ut vulputate arcu.</p>
							<p>Nulla dignissim id nisi vitae ultricies. Nullam efficitur, leo eget egestas consequat, nisl mauris faucibus erat, sed tristique arcu nisl at dolor.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<button class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center btn-block"
     type="button" data-toggle="collapse" data-target="#collapseTree1b" aria-expanded="false" aria-controls="collapseTree1b">
    
    <div>
        <h3 class="tree-header text-uppercase m-0 inail-tree-height-child">Titolo sezione B</h3>
    </div>
    
    <div>
        <span class="btn btn-primary tree-toggle">
            <em class="fa fa-plus toggle-icon" aria-hidden="true"></em>
            <em class="fa fa-minus toggle-icon" aria-hidden="true"></em>
            <span class="sr-only">Titolo sezione B</span>
        </span>
    </div>

</button>
	<div class="collapse" id="collapseTree1b" role="region">
		<div class="tree-content">
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
				<span>Titolo sottosezione 1</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree1b" aria-expanded="false" aria-controls="collapseSubTree1b">
						<span class="sr-only">Titolo sottosezione 1</span>
					</button>
					
				</h3>
				<div class="collapse" id="collapseSubTree1b" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Responsabile:</strong> MARIO ROSSI
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Indirizzo:</strong> VIA ROMA, 00100 Milano (MI)
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Telefono:</strong> 02 12345678
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Fax:</strong> 02 87654321
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Email:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:INDIRIZZO@INAIL.IT">INDIRIZZO@INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>PEC:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:PEC@POSTACERT.INAIL.IT">PEC@POSTACERT.INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Codice unità:</strong> 99999
						</div>
					</div>
				</div>
			</div>
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
				<span>Titolo sottosezione 2</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree2b" aria-expanded="false" aria-controls="collapseSubTree2b">
						<span class="sr-only">Titolo sottosezione 2</span>
					</button>
					
				</h3>
				<div class="collapse" id="collapseSubTree2b" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Responsabile:</strong> MARIO ROSSI
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Indirizzo:</strong> VIA ROMA, 00100 Milano (MI)
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Telefono:</strong> 02 12345678
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Fax:</strong> 02 87654321
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Email:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:INDIRIZZO@INAIL.IT">INDIRIZZO@INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>PEC:</strong>
							<a class="m-0 p-0 inail-text-link-2" href="mailto:PEC@POSTACERT.INAIL.IT">PEC@POSTACERT.INAIL.IT</a>
						</div>
						<div class="col-xs-12 col-sm-6 col-lg-4 mb-1">
							<strong>Codice unità:</strong> 99999
						</div>
					</div>
				</div>
			</div>
			<div class="tree-heading border">
				<h3 class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
				<span>Titolo sottosezione 3</span>
					<button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse" data-target="#collapseSubTree3b" aria-expanded="false" aria-controls="collapseSubTree3b">
						<span class="sr-only">Titolo sottosezione 3</span>
					</button>
					
				</h3>
				<div class="collapse" id="collapseSubTree3b" role="region">
					<div class="row row-normal p-0 mb-0 mt-4">
						<div class="col-xs-12 mb-1">
							<p>Quisque eleifend id massa nec blandit. In hac habitasse platea dictumst. Donec laoreet, dolor vulputate ullamcorper lobortis, ligula justo fermentum nisl, a sodales elit sapien sed nisi. Aenean consectetur lorem nec dolor cursus maximus. Nunc et volutpat leo. In ut vulputate arcu.</p>
							<p>Nulla dignissim id nisi vitae ultricies. Nullam efficitur, leo eget egestas consequat, nisl mauris faucibus erat, sed tristique arcu nisl at dolor.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>`}const r={title:"Componenti/Schema ad albero",parameters:{docs:{mdxPage:t}},decorators:[s=>`<main id="contenutoPrincipale">${s()}</main>`]},e={name:"Schema ad albero",render:s=>i()};var l,o,a;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
  name: "Schema ad albero",
  render: args => CreateTreePanel()
}`,...(a=(o=e.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const c=["TreePanel"];export{e as TreePanel,c as __namedExportsOrder,r as default};
