import{B as z,a as G,c as J,b as K,d as N,e as Q,f as U,g as W,h as X,i as Y,j as Z}from"./Button-CIOgaHHw.js";import{S as b}from"./Icons-40V0gGV6.js";import{b as o}from"./Utilities-Jli9PXBn.js";import"./index-DJTARyr0.js";import"./iframe-BpsUjQPU.js";import"./index-CfOrKyLd.js";import"./index-DrFu-skq.js";const it={title:"Componenti/Button e Link/Buttons/Primario",render:t=>{const e=J(t),y=document.createElement("div");y.innerHTML=e;const n=y.querySelector("button");n&&n.addEventListener("click",t.onClick);const p=document.createElement("main");return p.id="contenutoPrincipale",n&&p.appendChild(n),p||""},parameters:{docs:{description:{component:G},mdxPage:z}}},a={name:"Primario",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{align:{control:"radio",options:["pull-left","pull-right"],description:"Specifica l'allineamento"},onClick:{action:"onClick",description:"Evento al click del button."},disabilitato:{control:"boolean",description:"Disabilita il button",table:{defaultValue:{summary:"False"}}},isCompleta:{control:"boolean",description:"Mostra lo stile del button Completa",table:{defaultValue:{summary:"False"}}},iconaSinistra:{control:{type:"select"},options:[...Object.keys(b),"none"],description:"Icona prima del button",table:{defaultValue:{summary:"-"}}},iconaDestra:{control:{type:"select"},options:[...Object.keys(b),"none"],description:"Icona dopo il button",table:{defaultValue:{summary:"-"}}}},args:{disabilitato:!1,isCompleta:!1,iconaSinistra:"",iconaDestra:"",buttonLabel:"Conferma",align:"pull-left"}},r={name:"Disabilitato",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>K()},s={name:"Icona",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>N()},i={name:"Icona allineata a Sinistra",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>Q()},c={name:"Icona allineata a Destra",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>U()},l={name:"Icona Disabilitato",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>W()},m={name:"Allineato a Sinistra",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>X()},u={name:"Allineato a Destra",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>Y()},d={name:"Completa",decorators:[(t,e)=>o(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>Z()};var f,k,S;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`{
  name: "Primario",
  decorators: [(story, context) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)
  // (Story) => {
  //   const storyHtml = Story() as any;
  //   console.log(storyHtml);
  //   return \`<main id="contenutoPrincipale">\${storyHtml.outerHTML}</main>\`;
  // }
  ],
  argTypes: {
    align: {
      control: 'radio',
      options: ['pull-left', 'pull-right'],
      description: 'Specifica l\\'allineamento'
    },
    onClick: {
      action: "onClick",
      description: "Evento al click del button."
    },
    disabilitato: {
      control: "boolean",
      description: "Disabilita il button",
      table: {
        defaultValue: {
          summary: "False"
        }
      }
    },
    isCompleta: {
      control: "boolean",
      description: "Mostra lo stile del button Completa",
      table: {
        defaultValue: {
          summary: "False"
        }
      }
    },
    iconaSinistra: {
      control: {
        type: "select"
      },
      options: [...Object.keys(ShowIcons), "none"],
      description: "Icona prima del button",
      table: {
        defaultValue: {
          summary: "-"
        }
      }
    },
    iconaDestra: {
      control: {
        type: "select"
      },
      options: [...Object.keys(ShowIcons), "none"],
      description: "Icona dopo il button",
      table: {
        defaultValue: {
          summary: "-"
        }
      }
    }
  },
  args: {
    disabilitato: false,
    isCompleta: false,
    iconaSinistra: "",
    iconaDestra: "",
    buttonLabel: 'Conferma',
    align: 'pull-left'
  }
}`,...(S=(k=a.parameters)==null?void 0:k.docs)==null?void 0:S.source}}};var j,B,w;r.parameters={...r.parameters,docs:{...(j=r.parameters)==null?void 0:j.docs,source:{originalSource:`{
  name: "Disabilitato",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonDisabled();
  }
}`,...(w=(B=r.parameters)==null?void 0:B.docs)==null?void 0:w.source}}};var H,D,I;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.docs,source:{originalSource:`{
  name: "Icona",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonIcon();
  }
}`,...(I=(D=s.parameters)==null?void 0:D.docs)==null?void 0:I.source}}};var g,P,x;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Icona allineata a Sinistra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonIconLef();
  }
}`,...(x=(P=i.parameters)==null?void 0:P.docs)==null?void 0:x.source}}};var C,$,h;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
  name: "Icona allineata a Destra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonIconRight();
  }
}`,...(h=($=c.parameters)==null?void 0:$.docs)==null?void 0:h.source}}};var L,V,E;l.parameters={...l.parameters,docs:{...(L=l.parameters)==null?void 0:L.docs,source:{originalSource:`{
  name: "Icona Disabilitato",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonIconDisabled();
  }
}`,...(E=(V=l.parameters)==null?void 0:V.docs)==null?void 0:E.source}}};var R,v,M;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
  name: "Allineato a Sinistra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonLeft();
  }
}`,...(M=(v=m.parameters)==null?void 0:v.docs)==null?void 0:M.source}}};var O,T,A;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`{
  name: "Allineato a Destra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonRight();
  }
}`,...(A=(T=u.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var F,_,q;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{
  name: "Completa",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonCompleta();
  }
}`,...(q=(_=d.parameters)==null?void 0:_.docs)==null?void 0:q.source}}};const ct=["Button","ButtonDisabilitato","ButtonIcona","ButtonIconaSinistra","ButtonIconaDestra","ButtonIconaDisabilitato","ButtonLeft","ButtonRight","ButtonCompleta"];export{a as Button,d as ButtonCompleta,r as ButtonDisabilitato,s as ButtonIcona,c as ButtonIconaDestra,l as ButtonIconaDisabilitato,i as ButtonIconaSinistra,m as ButtonLeft,u as ButtonRight,ct as __namedExportsOrder,it as default};
