function b({tipoFeedback:e}){return`<div class="${e==="Positivo"?" feedback-header":"feedback-header feedback-header-error"} role="alert">
	<span>
		<span class="${e==="Positivo"?" fas fa-check white-check":" fa fa-exclamation-circle"}"></span>
  ${e==="Positivo"?"Feedback Positivo":"Feedback Negativo"}
	</span>
</div>`}function v({tipoFeedback:e}){return`<div class="row riga-esito">
	<div class="col-xs-8 noPaddingLeft">
		<div
      class="${e==="Positivo"?"esito-positivo pull-left col-xs-12":"esito-negativo pull-left col-xs-12"}"
       role="alert">Feedback positivo con esito.</div>
		<span class="help-block">Lorem ipsum dolor sit amet</span>
	</div>
	<div class="col-xs-4">
		<div class="row pull-right">
			<span class="${e==="Positivo"?"col-xs-2 fas fa-check-circle icona-esito-positivo":"text-right"}"></span>
			<div class="col-xs-9 numeroPunti">
				<strong>${e==="Positivo"?"150 punti":"0 punti"}</strong>
			</div>
		</div>
	</div>
</div>`}function g({posizione:e}){return`<div class=" ${e=="Sinistra"?"row":"row pull-right"}" role="alert">
	<span class="col-xs-12 form-group">
		<span class="green-check fas fa-check-circle"></span>
		<strong class="labelFeedback">Il file è stato inserito correttamente.</strong>
	</span>
</div>`}const f=`L'etichetta del form deve essere sempre fuori dal campo.

Se il campo è "obbligatorio" devono essere inseriti: il simbolo "*" dopo dell'etichetta (label) del campo, un aria-required=”true” nel TAG \`<input>\` e, prima del form, la leggenda "I campi contrassegnati con l’asterisco (*) sono obbligatori.".

L'errore di compilazione deve esssere composto da:
- campo evidenziato
- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come "Errore Generico".

Si suggerisce di inserire, nei form più complessi, un tooltip per fornire maggiori indicazioni sul valore da inserire.`,k={title:"Components/Box e Tab/Inline Feedback",tags:["autodocs"],parameters:{docs:{description:{component:`L'etichetta del form deve essere sempre fuori dal campo.<br /><br />
                Se il capo è "obbligatorio" deve essere inserito il simbolo "*" prima dell'etichetta (label) del campo.<br/><br/>
                L'errore di compilazione deve esssere composto da:<br />- campo evidenziato<br />- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come "Errore Generico".<br /><br />
                Si suggerisce di inserire, nei form più complessi, un tooltip per fornire maggiori indicazioni sul valore da inserire.`},mdxPage:f}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},i={argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>b({...e})},o={argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>v({...e})},r={argTypes:{posizione:{control:{type:"select"},options:["Sinistra","Destra"],table:{defaultValue:{summary:"Sinistra"}},description:"Posiziona a sinistra o destra il feedback"}},args:{posizione:"Sinistra"},render:({...e})=>g({...e})};var a,s,t;i.parameters={...i.parameters,docs:{...(a=i.parameters)==null?void 0:a.docs,source:{originalSource:`{
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createInlineFeedback({
      ...args
    });
  }
}`,...(t=(s=i.parameters)==null?void 0:s.docs)==null?void 0:t.source}}};var c,l,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createResultInlineFeedback({
      ...args
    });
  }
}`,...(d=(l=o.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var p,u,m;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
  argTypes: {
    posizione: {
      control: {
        type: "select"
      },
      options: ["Sinistra", "Destra"],
      table: {
        defaultValue: {
          summary: "Sinistra"
        }
      },
      description: "Posiziona a sinistra o destra il feedback"
    }
  },
  args: {
    posizione: "Sinistra"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackHorizontalPosizione({
      ...args
    });
  }
}`,...(m=(u=r.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};const P=["InlineFeedback","FeedbackWithScore","FeedbackAzioneCompletata"];export{r as FeedbackAzioneCompletata,o as FeedbackWithScore,i as InlineFeedback,P as __namedExportsOrder,k as default};
