import{a as l}from"./Utilities-CQhZFhp5.js";function m(e,t){return`
	<div role="group" aria-labelledby="feedback-title" data-type="feedback">
    <div role="status">
        <div class="inail-feedback-header inail-regular-border-bottom align-items-center d-flex justify-content-between">
            <span class="inail-feedback-title" id="feedback-title">
                <span class="fa fa-check mr-2"></span>
                <span class="sr-only">Feedback positivo</span>
                ${e}
            </span>
            <button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0" aria-label="Chiudi messaggio di feedback"
                id="close-feedback-button1"></button>
        </div>
        <div class="inail-feedback-container">
            <p class="inail-feedback-container-text m-0">${t}</p>
        </div>
    </div>
</div>
`}function b(e){return`
		<div role="group" aria-labelledby="feedback-title" data-type="feedback">
    <div role="alert">
        <div class="inail-feedback-header inail-feedback-header-negative inail-regular-border-bottom align-items-center d-flex justify-content-between">
            <span class="inail-feedback-title" id="feedback-title">
                <span class="fa fa-exclamation-triangle mr-2"></span>
                <span class="sr-only">Feedback negativo</span>
                ${e.titoloFeedback}
            </span>
            <button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0" aria-label="Chiudi messaggio di feedback"
                id="close-feedback-button2"></button>
        </div>
        <div class="inail-feedback-container">
            <p class="inail-feedback-container-text m-0">${e.descrizione}</p>
        </div>
    </div>
</div>`}const u="I messaggi devono essere letti automaticamente dallo screen reader quando compaiono a schermata, senza che il focus si sposti.",k={title:"Componenti/Box e Tab/Feedback",decorators:[(e,t)=>l(e,t,4,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-feedback.js"],!0)],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:u}}},a={name:"Feedback positivo",decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`],argTypes:{titoloFeedback:{control:{type:"text"},description:"Titolo del feedback",table:{defaultValue:{summary:"Azione completata"}}},descrizione:{control:{type:"text"},description:"Descrizione del feedback",table:{defaultValue:{summary:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"}}}},args:{titoloFeedback:"Azione completata",descrizione:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},render:({...e})=>m(e.titoloFeedback,e.descrizione)},i={name:"Feedback negativo",decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`],argTypes:{titoloFeedback:{control:{type:"text"},description:"Titolo del feedback",table:{defaultValue:{summary:"Errore nell'azione"}}},descrizione:{control:{type:"text"},description:"Descrizione del contenuto",table:{defaultValue:{summary:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"}}}},args:{titoloFeedback:"Errore nell'azione",descrizione:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},render:({...e})=>b(e)};var n,o,r;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Feedback positivo",
  decorators: [Story => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  argTypes: {
    titoloFeedback: {
      control: {
        type: "text"
      },
      description: "Titolo del feedback",
      table: {
        defaultValue: {
          summary: "Azione completata"
        }
      }
    },
    descrizione: {
      control: {
        type: "text"
      },
      description: "Descrizione del feedback",
      table: {
        defaultValue: {
          summary: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
        }
      }
    }
  },
  args: {
    titoloFeedback: "Azione completata",
    descrizione: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  },
  render: ({
    ...args
  }) => {
    return createFeedbackPositive(args.titoloFeedback, args.descrizione);
  }
}`,...(r=(o=a.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};var s,c,d;i.parameters={...i.parameters,docs:{...(s=i.parameters)==null?void 0:s.docs,source:{originalSource:`{
  name: "Feedback negativo",
  decorators: [Story => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  argTypes: {
    titoloFeedback: {
      control: {
        type: "text"
      },
      description: "Titolo del feedback",
      table: {
        defaultValue: {
          summary: "Errore nell'azione"
        }
      }
    },
    descrizione: {
      control: {
        type: "text"
      },
      description: "Descrizione del contenuto",
      table: {
        defaultValue: {
          summary: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
        }
      }
    }
  },
  args: {
    titoloFeedback: "Errore nell'azione",
    descrizione: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackError(args);
  }
}`,...(d=(c=i.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const f=["FeedbackPositive","FeedbackWithError"];export{a as FeedbackPositive,i as FeedbackWithError,f as __namedExportsOrder,k as default};
