import{b as i}from"./Utilities-BAFDtIJ2.js";const c=({disabled:l})=>l?`<form action="#" class="row form-grey content" id="form-disabilitato" name="Nome form">
   <h3 class="title-modulo">Titolo Form 1</h3>
   <fieldset class="row">
      <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-2-1">Input 1</label>
            <input type="text" class="form-control" id="input-2-1" placeholder="Inserisci testo" value="valore 1" disabled>
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
            <label class="control-label" for="input-2-2">Input 2</label>
            <input type="text" class="form-control" id="input-2-2" placeholder="Inserisci testo" value="valore 2" disabled>									  
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
            <label class="control-label" for="input-2-3">Input 3</label>
            <input type="text" class="form-control" id="input-2-3" placeholder="Inserisci testo" value="valore 3" disabled>									   
         </div>
      </div>
      <div class="row">
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-8">
            <label class="control-label" for="input-2-4">Input 4</label>
            <input type="text" class="form-control" id="input-2-4" placeholder="Inserisci testo" value="valore 4" disabled>
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
            <label class="control-label" for="input-2-5">Input 5</label>
            <input type="text" class="form-control" id="input-2-5" placeholder="Inserisci testo" value="valore 5" disabled>
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
               <label for="select-2-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-2-1" disabled>
                     <option value="Opzione 1">Opzione 1</option>
                     <option value="Opzione 2">Opzione 2</option>
                     <option value="Opzione 3">Opzione 3</option>
                  </select>
               </label>
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
            <label class="control-label" for="input-2-6">Input 6</label>
            <input type="text" class="form-control" id="input-2-6" placeholder="Inserisci testo" value="valore 6" disabled>
         </div>
      </div>
   </fieldset>
   <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>
</form>`:`<form action="#" class="form-grey content" id="form-base" name="Form 1">
   <h3 class="title-modulo">Titolo Form</h3>
   <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-1-1">Input 1</label>
            <input type="text" class="form-control" id="input-1-1" 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-1-2">* Input 2 (obbligatorio)</label>
            <input type="text" class="form-control" id="input-1-2" placeholder="Inserisci testo" value="" required>									   
         </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-1-3">Input 3</label>
            <input type="text" class="form-control" id="input-1-3" placeholder="Inserisci testo" value="">
         </div>
         <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
               <label for="select-1-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-1-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-1-4">Input 4</label>
            <input type="text" class="form-control" id="input-1-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-1-5">Input 5</label>
            <input type="text" class="form-control" id="input-1-5" placeholder="Inserisci testo" value="">
         </div>
      </div>
   </fieldset>
   <fieldset class="row">   
      <legend class="sr-only">Seconda sezione</legend>
	  <div class="row">
		<div class="form-inline date-range col-xs-12">
		  <p>Periodo</p>
		  <div class="date datePicker col-xs-12 noPaddingLeft">
			 <div class="form-group">
				<div class="input-relative">
				   <label class="control-label" for="form-data-5">Dal</label>
				   <input id="form-data-5" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
				   <em class="fa fa-calendar" title="Calendario"></em>
				</div>
			 </div>
			 <div class="form-group">
				<div class="input-relative">
				   <label class="control-label" for="form-data-6">al</label>
				   <input id="form-data-6" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
				   <em class="fa fa-calendar" title="Calendario"></em>
				</div>
			 </div>
		  </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>`,n={title:"Components/Griglie e strutture/Esempi strutture Form",tags:["autodocs"],render:({...l})=>c({...l}),argTypes:{disabled:{control:"boolean",table:{defaultValue:{summary:!1}},description:"Disabilita il form e previene ogni tipo di interazione."}},decorators:[(l,e)=>i(l,e,4,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1),l=>`<main id="contenutoPrincipale">${l()}</main>`]},o={name:"Form base",args:{disabled:!1}};var s,t,a;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`{
  name: "Form base",
  args: {
    disabled: false
  }
}`,...(a=(t=o.parameters)==null?void 0:t.docs)==null?void 0:a.source}}};const d=["BasicForm"];export{o as BasicForm,d as __namedExportsOrder,n as default};
