function f({tipoFeedback:e}){return`<div class="row feedback-box">
	<div class="${e==="Positivo"?"feedback-header":"feedback-header feedback-header-error"}" role="alert">
		<span>
			<span class="${e==="Positivo"?"fa fa-check white-check":"fa fa-exclamation-circle"}"></span>   ${e==="Positivo"?"Feedback positivo":"Feedback negativo"}
		</span>
	</div>
	<div class="feedback-content">
		<p>Lorem 
			<a href="">ipsum </a>dolor sit amet
		</p>
	</div>
</div>`}function g({tipoFeedback:e}){return`<div class="row feedback-box">
	<div class="${e==="Positivo"?"feedback-header":"feedback-header feedback-header-error"}" role="alert">
		<span>
			<span class="${e==="Positivo"?"fa fa-check white-check":"fa fa-exclamation-circle"}"></span>${e==="Positivo"?" Feedback positivo":" Feedback negativo"}
		</span>
	</div>
	<div class="feedback-content">
		<p>
			<strong>Lorem ipsum dolor sit amet:</strong>
		</p>
		<ol>
			<li>Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
				<a href="">Link</a>
			</li>
			<li>Quis autem vel eum iure reprehenderit qui in ea voluptate 
				<a href="">Link</a>
			</li>
		</ol>
	</div>
</div>`}function h({tipoFeedback:e}){return`<div class="row feedback-box">
	<div class="row">
		<div class="${e==="Positivo"?"feedback-header":"feedback-header feedback-header-error"}" role="alert">
			<span>
				<span class="${e==="Positivo"?"fa fa-check white-check":"fa fa-exclamation-circle"}"></span>${e==="Positivo"?"Feedback positivo":" Feedback negativo"}
			</span>
		</div>
		<div class="feedback-content">
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
				<strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>
			</p>
			<p>
				<strong>Note</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
			</p>
			<p class="scndp">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<button type="button" class="btn btn-link download-btn">
				<span class="fa fa-download" title="Scarica elemento"></span>Download 1
			</button>
		</div>
		<div class="col-md-4">
			<button type="button" class="btn btn-link download-btn">
				<span class="fa fa-download" title="Scarica elemento"></span>Download 2
			</button>
		</div>
	</div>
</div>`}function F({tipoFeedback:e}){return`<div class="row feedback-box">
	<div class="${e==="Positivo"?"feedback-header":"feedback-header feedback-header-error"}" role="alert">
		<span>
			<span class="${e==="Positivo"?"fa fa-check white-check":"fa fa-exclamation-circle"}"></span>${e==="Positivo"?"Feedback positivo":" Feedback negativo"}
		</span>
	</div>
	<div class="feedback-content">
		<p>Lorem ipsum</p>
		<ol>
			<li>Lorem ipsum dolor sit amet</li>
			<li>Lorem ipsum dolor sit amet</li>
		</ol>
	</div>
</div>`}const P=`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” `,y={title:"Components/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:P}}},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})=>f({...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})=>g({...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})=>h({...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})=>F({...e})};var r,n,s;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.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=(n=a.parameters)==null?void 0:n.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,u,m;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
    });
  }
}`,...(m=(u=o.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};var b,v,k;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.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
    });
  }
}`,...(k=(v=t.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};const x=["FeedbackWithLink","FeedbackWithList","FeedbackWithKeys","FeedbackWithError"];export{t as FeedbackWithError,o as FeedbackWithKeys,a as FeedbackWithLink,i as FeedbackWithList,x as __namedExportsOrder,y as default};
