import{b as a}from"./Utilities-BAFDtIJ2.js";const i=()=>`<div class="row panel panel-default form-accordion">
   <div class="row panel-heading heading-form-grey"  data-toggle="collapse" data-target="#form-accordion-panel" role="heading">
      <h3 class="title-modulo">Titolo form accordion</h3>
      <span class="fa fa-chevron-down" title="Espandi/Riduci la riga"></span>								
   </div>
   <div id="form-accordion-panel" class="row collapse panel-body body-form-grey" role="region">
      <form action="#" class="row form-grey">
         <fieldset class="row content">
            <legend class="sr-only">Prima sezione</legend>
            <div class="row">
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-1a">Input 1</label>
                  <input type="text" class="form-control" id="input-3-1a" placeholder="Inserisci testo" value="">
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
                     <label for="select-3-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">
                        Select 1
                        <select class="form-control" id="select-3-1">
                           <option value="">Opzione 1</option>
                           <option value="">Opzione 2</option>
                           <option value="">Opzione 3</option>
                        </select>
                     </label>
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-1">Input 1</label>
                  <input type="text" class="form-control" id="input-3-1" placeholder="Inserisci testo" value="">
               </div>
            </div>
            <div class="row">
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-2">Input 2</label>
                  <input type="text" class="form-control" id="input-3-2" placeholder="Inserisci testo" value="">
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-3">Input 3</label>
                  <input type="text" class="form-control" id="input-3-3" placeholder="Inserisci testo" value="">
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-4">Input 4</label>
                  <input type="text" class="form-control" id="input-3-4" placeholder="Inserisci testo" value="">											   
               </div>
            </div>
            <div class="row">
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-5a">Input 5</label>
                  <em class="fa fa-question-circle fa-lg" data-toggle="popover" title="" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Popover Header"></em>									
                  <input type="text" class="form-control" id="input-3-5a" placeholder="placeholder" value="">
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
                  <label class="control-label" for="input-3-5">Input 5</label>
                  <input type="text" class="form-control" id="input-3-5" placeholder="Inserisci testo" value="">
               </div>
               <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
                     <label for="select-3-2" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">
                        Select 1
                        <select class="form-control" id="select-3-2">
                           <option value="">Opzione 1</option>
                           <option value="">Opzione 2</option>
                           <option value="">Opzione 3</option>
                        </select>
                     </label>
               </div>
            </div>
         </fieldset>
         <fieldset class="row">
            <legend class="sr-only">Seconda sezione</legend>
            <h4 class="title-modulo">Sottotitolo</h4>
            <div class="row">
               <div class="form-group col-xs-8 col-sm-8 col-md-8 col-lg-8">
                     <label for="select-3-3" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">
                        Select 3
                        <select class="form-control" id="select-3-3">
                           <option value="">Opzione 1</option>
                           <option value="">Opzione 2</option>
                           <option value="">Opzione 3</option>
                        </select>
                     </label>
               </div>
            </div>
            <div class="row">
               <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
                  <div class="checkbox">
                     <label for="input-checkbox-3-1">
                     <input id="input-checkbox-3-1" type="checkbox" value="" title="checkbox">Checkbox
                     </label>
                  </div>
               </div>
            </div>
         </fieldset>
         <div class="row">
            <div class="col-xs-12 marginTop">
               <button type="reset" class="btn btn-link">Annulla</button>
               <button class="btn btn-primary pull-right" type="button">Bottone destro</button>
            </div>
         </div>
      </form>
   </div>
</div>`,n={title:"Components/Griglie e strutture/Esempi strutture Form",tags:["autodocs"],render:()=>i(),parameters:{docs:{story:{inline:!1,iframeHeight:700},showAccessibility:!0}},decorators:[(l,e)=>a(l,e,1,["static-webkit/js/custom-webkit.js"],!1),l=>`<main id="contenutoPrincipale">${l()}</main>`]},o={name:"Form Accordion"};var t,s,c;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`{
  name: "Form Accordion"
}`,...(c=(s=o.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};const d=["AccordionForm"];export{o as AccordionForm,d as __namedExportsOrder,n as default};
