const b=`
L'elemento badge è una soluzione visiva che permette di comprimere, in un unico elemento, una serie di informazioni utili. Permette di avere un'overview su un contenuto prima di accedere alla pagina specifica. Il loro stile compatto da la possibilità di avere più badge in un'unica area permettendo così la creazione di una pagina vetrina su una serie di servizi e prodotti.
Il badge è composto da:
- Titolo: con eventuale link alla pagina di approfondimento (max 90 caratteri)
- Breve descrizione (max 260 caratteri)
- Accordion: con con la funzione di raccoglitore di link a moduli o cartelle. Se non necessario è possibile escludere l'accordion. Può avere due tipi di label:
 - Moduli e documenti utili: raccoglie link a supporto sullo specifico argomento
 - Aree di collaborazione: raccoglie i link a documenti o cartelle presenti su repository esterni.
- Bottone con Call to action: Se non necessario è possibile escludere il bottone. In base alla tipologia di badge è possibile avere le seguenti Call to action:
  - Accedi ai servizi online: per accedere al servizio relativo
  - Maggiori informazioni: per accedere alla pagina o modale contenete la parte informativa completa del relativo argomento

`;function h(){return`<div class="panel panel-default panel-badge panel-badge-servizi-online col-xs-12 col-md-6">
   <div class="panel-body">
      <h3><a title="Rappresentante dei lavoratori per la sicurezza" href="#">Rappresentante dei lavoratori per la sicurezza (RLS)</a></h3>
      <p>Il servizio ti permette di comunicare all'Inail i nominativi dei Rappresentanti della sicurezza sei Lavoratori per ogni unità produttiva e di modificare le comunicazioni effettuate precedentemente, aggiungendo anche altri nominativi per la medesima unità produttiva.</p>
      <div id="moduli-documenti-accordion-1" class="row accordion-gray">
         <div class="row head-accordion-gray">
            <div class="accordion-title">
               <button title="Espandi/riduci elemento" type="button" data-toggle="collapse" data-target="#moduli-documenti-panel-servizi" aria-expanded="false">
               <strong>Moduli e documenti utili</strong>
               <span class="fa fa-plus-circle fa-lg expand-icon pull-right"></span>
               </button>
               <div id="moduli-documenti-panel-servizi" class="row collapse panel-body" role="region">
                  <ul>
                     <li><a href="#">Dichiarazione Rls - guida applicativa azienda</a></li>
                     <li><a href="#">Modulo comunicazione Rls</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="panel-footer pulsante btnfake">
      <a href="#">Accedi al servizio online</a>
   </div>
</div>`}function z(){return`<div class="panel panel-default panel-badge col-xs-12 col-md-6">
   <div class="panel-body">
      <h3><a title="Ottenere le prestazioni riabilitative e di rinserimento" href="#">Ottenere le prestazioni riabilitative e di rinserimento</a></h3>
      <p>L'Inail tutela i lavoratori che subiscono un infortunio sul lavoro o contraggono una malattia professionale mediante l'erogazione di prestazioni economiche, sanitarie e integrative, anche se il datore di lavoro non ha versato regolarmente il premio assicuraivo</p>
      <div id="moduli-documenti-accordion-2" class="row accordion-gray">
         <div class="row head-accordion-gray"  data-toggle="collapse" data-target="#moduli-documenti-panel-approfondimento" role="heading">
            <div class="accordion-title">
               <button title="Espandi/riduci elemento" type="button" data-toggle="collapse" data-target="#moduli-documenti-panel-approfondimento" aria-expanded="false">
               <strong>Moduli e documenti utili</strong>
               <span class="fa fa-plus-circle fa-lg expand-icon pull-right"></span>
               </button>
               <div id="moduli-documenti-panel-approfondimento" class="row collapse panel-body" role="region">
                  <ul>
                     <li><a href="#">Moduli e modelli relativi alle prestazioni protesiche e riabilitative</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="panel-footer pulsante btnfake">
      <a href="#">Maggiori informazioni</a>
   </div>
</div>`}function B(){return`<div class="panel panel-default panel-badge col-xs-12 col-md-6">
   <div class="panel-body">
      <h3><a title="Comunicatori" href="#">Comunicatori</a></h3>
      <p>Attività di comunicazione esterna che, attraverso il contatto diretto con utenti e stakeholder, costituisce un canale privilegiato di ascolto per la verifica del livello di soddisfazione del cliente e della percezione della qualità dei servizi erogati dall'Istituto.</p>
      <div class="row accordion-gray">
         <div class="row head-accordion-gray" data-toggle="collapse" data-target="#area-collaborazione-panel-modale" role="heading">
            <div class="accordion-title">
               <button title="Espandi/riduci elemento" type="button" data-toggle="collapse" data-target="#area-collaborazione-panel-modale" aria-expanded="false">
               <strong>Moduli e documenti utili</strong>
               <span class="fa fa-plus-circle fa-lg expand-icon pull-right"></span>
               </button>
               <div id="area-collaborazione-panel-modale" class="row collapse panel-body" role="region">
                  <ul>
                     <li><a href="#">Elenco comunicatori regionali</a></li>
                     <li><a href="#">Glossario</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="panel-footer pulsante btnfake" data-toggle="modal" data-target="#approfondimento-modale">
      <a href="#">Maggiori informazioni</a>
   </div>
   <!-- Modale -->
   <div class="modal fade" id="approfondimento-modale" tabindex="-1" role="dialog" aria-labelledby="id-univoco-modale-TITOLO">
      <div class="vertical-alignment-helper">
         <div class="modal-dialog  modal-dialog-centered">
            <div class="modal-content">
               <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span>
                  </button>
                  <div class="modal-title" id="id-univoco-modale-TITOLO">Titolo modale</div>
               </div>
               <div class="modal-body">
                  <div class="row">
                     <p>Lorem ipsum dolor sit amet</p>
                  </div>
               </div>
               <div class="modal-footer">
                  <button type="button" class="btn btn-primary pull-right" data-dismiss="modal">OK</button>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</div>`}function y(){return`<div class="panel panel-default panel-badge col-xs-12 col-md-6">
   <div class="panel-body">
      <h3>Ufficio I - Coordinamento legislativo e Supporto amministrativo</h3>
      <p>
         <strong>Dirigente</strong> : G. Cortese<br>
         <strong>Vicario</strong> : V. Celsi<br>
         <strong>Responsabile processi</strong> : Valentina Celsi, Micaela Fiorello<br>
      </p>
      <ul>
         <li><a href="#">Dettaglio processi</a></li>
      </ul>
   </div>
</div>`}const x={title:"Components/Badge",parameters:{docs:{description:{component:""},mdxPage:b}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},a={name:"Badge con accesso ai servizi online",render:e=>h()},i={name:"Badge con accesso a pagine di approfondimento",render:e=>z()},o={name:"Badge con approfondimento nella modale",render:e=>B()},n={name:"Badge light",render:e=>y()};var l,t,r;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
  name: "Badge con accesso ai servizi online",
  render: args => CreateBadgeServiziOnline()
}`,...(r=(t=a.parameters)==null?void 0:t.docs)==null?void 0:r.source}}};var d,s,c;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: "Badge con accesso a pagine di approfondimento",
  render: args => CreateBadgePages()
}`,...(c=(s=i.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};var p,u,g;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
  name: "Badge con approfondimento nella modale",
  render: args => CreateBadgeModal()
}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var m,v,f;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Badge light",
  render: args => CreateBadgeLight()
}`,...(f=(v=n.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};const M=["BadgeServiziOnline","BadgePages","BadgeModal","BadgeLight"];export{n as BadgeLight,o as BadgeModal,i as BadgePages,a as BadgeServiziOnline,M as __namedExportsOrder,x as default};
