function g({tipoFeedback:e}){return`
	<div>
		<div class="inail-feedback-header" role="alert">
			<h5 class="inail-title-h5">
				<span class="fa fa-check"></span>Feedback Positivo
			</h5>
		</div>
		<div class="inail-feedback-body">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			<a class="inail-button-link" tabindex="0">Vai al link</a
		</div>
	</div>`}function F({tipoFeedback:e}){return`
	<div class="inail-feedback-list">
		<div class="inail-feedback-header" role="alert">
			<h5 class="inail-title-h5">
				<span class="fa fa-check"></span>Feedback Positivo
			</h5>
		</div>
		<div class="inail-feedback-body">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit:</p>
			<ol>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing<br>
				<a class="inail-button-link pt-1" tabindex="0">Vai al link</a></li>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing<br>
				<a class="inail-button-link pt-1" tabindex="0">Vai al link</a></li>
			</ol>
		</div>
	</div>`}function f({tipoFeedback:e}){return`
		<div>
			<div class="inail-feedback-header" role="alert">
				<h5 class="inail-title-h5">
					<span class="fa fa-check"></span>Feedback Positivo
				</h5>
			</div>
			<div class="inail-feedback-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<div class="inail-feedback-tasti-body">
			 			<button class="inail-button inail-button-secondary ">Annulla</button>
		     			<button class="inail-button inail-button-primary ml-2">Conferma</button>
					</div>
			</div>
		</div>`}function h({tipoFeedback:e}){return`
	<div class="inail-feedback-errore">
		<div class="inail-feedback-header" role="alert">
			<h5 class="inail-title-h5">
				<span class="fa fa-exclamation-triangle"></span>Feedback Negativo
			</h5>
		</div>
		<div class="inail-feedback-body">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
		</div>
	</div>`}const y=`Il feedback positivo deve sempre essere racchiuso in un tab di colore verde ed avere accanto l'icona del check.

Il feedback negativo deve sempre essere racchiuso in un tab di colore rosso ed avere accanto l'icona del punto esclamativo.

Nei form tabellari, l'errore di compilazione deve essere sempre composto da:
- campo evidenziato
- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come “Errore Generico” `,T={title:"Componenti/Box e Tab/Feedback",tags:["autodocs"],parameters:{docs:{description:{component:"Il feedback positivo deve sempre essere racchiuso in un tab di colore verde ed avere accanto l'icona del check.<br /><br />Il feedback negativo deve sempre essere racchiuso in un tab di colore rosso ed avere accanto l'icona della “x”.<br /><br />Nei form tabellari, l'errore di compilazione deve essere sempre composto da:<br />- campo evidenziato<br />- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come “Errore Gene<br />"},mdxPage:y}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},a={name:"Feedback con link",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo del feedback",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>g({...e})},i={name:"Feedback con lista",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo di feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>F({...e})},o={name:"Feedback con tasti",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo di feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>f({...e})},t={name:"Feedback di errore",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo di feedback.",table:{defaultValue:{summary:"Negativo"}}}},args:{tipoFeedback:"Negativo"},render:({...e})=>h({...e})};var n,r,s;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Feedback con link",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo del feedback",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackWithLink({
      ...args
    });
  }
}`,...(s=(r=a.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var c,d,l;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:`{
  name: "Feedback con lista",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo di feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackWithList({
      ...args
    });
  }
}`,...(l=(d=i.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var p,b,u;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
  name: "Feedback con tasti",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo di feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackWithKey({
      ...args
    });
  }
}`,...(u=(b=o.parameters)==null?void 0:b.docs)==null?void 0:u.source}}};var m,k,v;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Feedback di errore",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo di feedback.",
      table: {
        defaultValue: {
          summary: "Negativo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Negativo"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackError({
      ...args
    });
  }
}`,...(v=(k=t.parameters)==null?void 0:k.docs)==null?void 0:v.source}}};const L=["FeedbackWithLink","FeedbackWithList","FeedbackWithKeys","FeedbackWithError"];export{t as FeedbackWithError,o as FeedbackWithKeys,a as FeedbackWithLink,i as FeedbackWithList,L as __namedExportsOrder,T as default};
