const l="N.D.";function o(){return`<section class="tree inail-tree" aria-label="Titolo dello schema ad albero - schema ad albero">
    <div role="group" aria-labelledby="sezione_a">
        <div
            class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center">
            <div id="sezione_a">
                <div class="tree-header text-uppercase m-0">Titolo sezione A</div>
                <span class="sr-only">Primo livello</span>
            </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"
                    >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                    <div id="titolo-sottosezione-1">
                    <span>Titolo sottosezione 1</span>
                    <span class="sr-only">secondo livello</span>
                    </div>
                       
                        <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="group" 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"
                   >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                    <div id="titolo-sottosezione-2">
                     <span >Titolo sottosezione 2</span>
                     <span class="sr-only">secondo livello</span>
                    </div>
                        <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="group" 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"
                    >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <div id="titolo-sottosezione-3">
                        <span>Titolo sottosezione 3</span>
                        <span class="sr-only">secondo livello</span>
                        </div>
                        
                        <button class="btn btn-link sub-tree-toggle " type="button" data-toggle="collapse"
                            data-target="#collapseSubTree3"  aria-controls="collapseSubTree3">
                            <span class="sr-only">Titolo sottosezione 3</span>
                        </button>

                    </div>
                    <div class="collapse" id="collapseSubTree3" role="group" 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="group" aria-labelledby="sezione_b">
        <div
            class="inail-tree-height-parent tree-heading border mt-4 d-flex justify-content-between align-items-center">
            <div id="sezione_b">
                <div class="tree-header text-uppercase m-0 inail-tree-height-child">Titolo sezione B</div>
                <span class="sr-only">Primo livello</span>
            </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" 
                    >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                        <div id="titolo-sottosezione-1-b">
                    <span>Titolo sottosezione 1</span>
                    <span class="sr-only">secondo livello</span>
                    </div>
                        <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="group" 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"
                    >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                         <div id="titolo-sottosezione-2-b">
                     <span >Titolo sottosezione 2</span>
                     <span class="sr-only">secondo livello</span>
                    </div>
                        <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="group" 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"
                    >
                    <div class="tree-sub-header text-uppercase m-0 inail-tree-height-child">
                       <div id="titolo-sottosezione-3-b">
                        <span>Titolo sottosezione 3</span>
                        <span class="sr-only">secondo livello</span>
                        </div>
                        <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="group" 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>
</section>`}const t={title:"Componenti/Schema ad albero",parameters:{docs:{mdxPage:l,showAccessibility:!0}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},s={name:"Schema ad albero",render:e=>o()};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
  name: "Schema ad albero",
  render: args => CreateTreePanel()
}`,...s.parameters?.docs?.source}}};const i=["TreePanel"];export{s as TreePanel,i as __namedExportsOrder,t as default};
