+import{R as e}from"./index-eCxJ45ll.js";import{Y as ee,c as ae,f as re,d as ne,n as p}from"./index.esm-DlmysnfC.js";/* empty css */import{c as se}from"./index-DYi-DYYH.js";const K=({label:d,variant:U="Primary",isLoading:a=!1,isDisabled:g=!1,leadingIcon:b=null,counter:v=null,size:W="large",onClick:f,...C})=>{const X=()=>{!a&&!g&&f&&f()};return e.createElement("button",{...C,className:se("button flex items-center",C.className,U.toLowerCase(),W.toLowerCase(),{loading:a}),onClick:X,disabled:g||a},a?e.createElement("span",{className:"icon"},e.createElement(ee,{variant:"fill",size:"lg"})):e.createElement(e.Fragment,null,b&&e.createElement("span",{className:"leading-icon mr-2"},b),d,v!==null&&e.createElement("span",{className:"counter ml-2"},v)))};K.__docgenInfo={description:"",methods:[],displayName:"Button",props:{label:{required:!0,tsType:{name:"string"},description:""},variant:{required:!1,tsType:{name:"union",raw:"'Normal' | 'Cancel' | 'Quiet' | 'Destructive' | 'Primary'",elements:[{name:"literal",value:"'Normal'"},{name:"literal",value:"'Cancel'"},{name:"literal",value:"'Quiet'"},{name:"literal",value:"'Destructive'"},{name:"literal",value:"'Primary'"}]},description:"",defaultValue:{value:"'Primary'",computed:!1}},isLoading:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isDisabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},leadingIcon:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},counter:{required:!1,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'large' | 'medium' | 'small'",elements:[{name:"literal",value:"'large'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'small'"}]},description:"",defaultValue:{value:"'large'",computed:!1}},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const y={archive:e.createElement(p,null),bookmark:e.createElement(ne,null),cloud:e.createElement(re,null),clock:e.createElement(ae,null)},ie={component:K,title:"Core/Button",tags:["autodocs"],argTypes:{leadingIcon:{options:Object.keys(y),mapping:y,control:{type:"select",labels:{Archive:"Archive",Bookmark:"Bookmark",Cloud:"Cloud",Clock:"Clock"}}}}},r={args:{label:"Click me"}},n={args:{label:"Loading",isLoading:!0}},s={args:{label:"Disabled",isDisabled:!0}},t={args:{label:"Counter",counter:5}},l={args:{label:"Quiet",variant:"Quiet"}},o={args:{label:"Destructive",variant:"Destructive"}},c={args:{label:"Cancel",variant:"Cancel"}},i={args:{label:"Leading Icon",leadingIcon:e.createElement(p,null)}},u={args:{label:"Leading Icon Counter",leadingIcon:e.createElement(p,null),counter:5}},m={args:{label:"Generic properties",type:"button",className:"my-super-class",onMouseEnter:d=>console.log("mouve enter",d)}};var D,E,k;r.parameters={...r.parameters,docs:{...(D=r.parameters)==null?void 0:D.docs,source:{originalSource:`{
0 commit comments