const t="N.D.";function i(){return`<div class="tree inail-tree" role="tree" aria-label="Titolo dello schema ad albero" aria-multiselectable="false">
    <div role="treeitem" aria-level="1" aria-setsize="2" aria-posinset="1" aria-expanded="false" aria-selected="false">
        <div
            class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center">
            <div>
                <div class="tree-header text-uppercase m-0 ">Titolo sezione A</div>
            </div>

            <div>
                <button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse"
                    data-target="#collapseTree1" aria-expanded="false" aria-controls="collapseTree1">
                    <span class="sr-only">Titolo sezione A</span>
                </button>
            </div>

        </div>
        <div class="collapse" id="collapseTree1" role="group">
            <div class="tree-content">
                <div class="tree-heading border mb-4" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="1"
                    aria-expanded="false" aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">

                        <span id="titolo-sottosezione-1">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>
                    </div>

                    <div class="collapse" id="collapseSubTree1" role="region" aria-labelledby="titolo-sottosezione-1">
                        <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" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="2"
                    aria-expanded="false" aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <span id="titolo-sottosezione-2">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>

                    </div>
                    <div class="collapse" id="collapseSubTree2" role="region" aria-labelledby="titolo-sottosezione-2">
                        <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" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="3"
                    aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <span id="titolo-sottosezione-3">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>

                    </div>
                    <div class="collapse" id="collapseSubTree3" role="region" aria-labelledby="titolo-sottosezione-3">
                        <div class="row row-normal p-0 mb-0 mt-4">
                            <div class="col-xs-12 mb-1">
                                <p class="inail-body-text-2">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 class="inail-body-text-2">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>
    <div role="treeitem" aria-level="1" aria-setsize="2" aria-posinset="2" aria-expanded="false" aria-selected="false">
        <div
            class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center">
            <div>
                <div class="tree-header text-uppercase m-0 inail-tree-height-child">Titolo sezione B</div>
            </div>

            <div>
                <button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse"
                    data-target="#collapseTree1b" aria-expanded="false" aria-controls="collapseTree1b">
                    <span class="sr-only">Titolo sezione B</span>
                </button>
            </div>

        </div>
        <div class="collapse" id="collapseTree1b" role="group">
            <div class="tree-content">
                <div class="tree-heading border mb-4" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="1"
                    aria-expanded="false" aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <span id="titolo-sottosezione-1-b">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>

                    </div>
                    <div class="collapse" id="collapseSubTree1b" role="region" aria-labelledby="titolo-sottosezione-1-b">
                        <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" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="2"
                    aria-expanded="false" aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <span id="titolo-sottosezione-2-b">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>

                    </div>
                    <div class="collapse" id="collapseSubTree2b" role="region" aria-labelledby="titolo-sottosezione-2-b">
                        <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" role="treeitem" aria-level="2" aria-setsize="3" aria-posinset="3"
                    aria-selected="false">
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <span id="titolo-sottosezione-3-b">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>

                    </div>
                    <div class="collapse" id="collapseSubTree3b" role="region" aria-labelledby="titolo-sottosezione-3-b">
                        <div class="row row-normal p-0 mb-0 mt-4">
                            <div class="col-xs-12 mb-1">
                                <p class="inail-body-text-2">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>
</div>`}const n={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,a,o;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
  name: "Schema ad albero",
  render: args => CreateTreePanel()
}`,...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const c=["TreePanel"];export{e as TreePanel,c as __namedExportsOrder,n as default};
