const a="N.D.";function t(){return`<div class="tree">
	<div class="tree-heading border">
		<h3 class="tree-header text-uppercase m-0">Titolo sezione A
		</h2>
	</div>
	<button class="btn btn-primary tree-toggle" type="button" data-toggle="collapse" data-target="#collapseTree1" aria-expanded="true" aria-controls="collapseTree1">
		<em class="fa fa-plus" aria-hidden="true"></em>
		<em class="fa fa-minus" aria-hidden="true"></em>
		<span class="sr-only">Titolo sezione A</span>
	</button>
	<div class="collapse in" id="collapseTree1">
		<div class="tree-content">
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree1" aria-expanded="true" aria-controls="collapseSubTree1">
						<span class="sr-only">Titolo sottosezione 1</span>
					</button>
					<span>Titolo sottosezione 1</span>
				</h3>
				<div class="collapse in" id="collapseSubTree1">
					<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 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 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">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree2" aria-expanded="false" aria-controls="collapseSubTree2">
						<span class="sr-only">Titolo sottosezione 2</span>
					</button>
					<span>Titolo sottosezione 2</span>
				</h3>
				<div class="collapse" id="collapseSubTree2">
					<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 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 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">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree3" aria-expanded="false" aria-controls="collapseSubTree3">
						<span class="sr-only">Titolo sottosezione 3</span>
					</button>
					<span>Titolo sottosezione 3</span>
				</h3>
				<div class="collapse" id="collapseSubTree3">
					<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 class="tree-heading border mt-4">
		<h3 class="tree-header text-uppercase m-0">Titolo sezione B
		</h2>
	</div>
	<button class="btn btn-primary tree-toggle" type="button" data-toggle="collapse" data-target="#collapseTree1b" aria-expanded="false" aria-controls="collapseTree1b">
		<em class="fa fa-plus" aria-hidden="true"></em>
		<em class="fa fa-minus" aria-hidden="true"></em>
		<span class="sr-only">Titolo sezione B</span>
	</button>
	<div class="collapse" id="collapseTree1b">
		<div class="tree-content">
			<div class="tree-heading border mb-4">
				<h3 class="tree-sub-header text-uppercase m-0">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree1b" aria-expanded="false" aria-controls="collapseSubTree1b">
						<span class="sr-only">Titolo sottosezione 1</span>
					</button>
					<span>Titolo sottosezione 1</span>
				</h3>
				<div class="collapse" id="collapseSubTree1b">
					<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 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 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">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree2b" aria-expanded="false" aria-controls="collapseSubTree2b">
						<span class="sr-only">Titolo sottosezione 2</span>
					</button>
					<span>Titolo sottosezione 2</span>
				</h3>
				<div class="collapse" id="collapseSubTree2b">
					<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 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 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">
					<button class="btn btn-link sub-tree-toggle mr-3" type="button" data-toggle="collapse" data-target="#collapseSubTree3b" aria-expanded="false" aria-controls="collapseSubTree3b">
						<span class="sr-only">Titolo sottosezione 3</span>
					</button>
					<span>Titolo sottosezione 3</span>
				</h3>
				<div class="collapse" id="collapseSubTree3b">
					<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 i={title:"Components/Schema ad albero",parameters:{docs:{mdxPage:a}}},s={name:"Schema ad albero",render:r=>t()};var e,l,o;s.parameters={...s.parameters,docs:{...(e=s.parameters)==null?void 0:e.docs,source:{originalSource:`{
  name: "Schema ad albero",
  render: args => CreateTreePanel()
}`,...(o=(l=s.parameters)==null?void 0:l.docs)==null?void 0:o.source}}};const n=["TreePanel"];export{s as TreePanel,n as __namedExportsOrder,i as default};
