xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 2.44 kB
JavaScript
import{r as x,j as l,$ as N}from"./iframe-5Rr_RUeM.js";import{c as q}from"./clsx-B-dksMZM.js";import{P as V}from"./ProgressBar-0sEm0xuH.js";var d=(e=>(e.primary="primary",e.primaryDanger="primaryDanger",e.secondary="secondary",e.secondaryDanger="secondaryDanger",e.link="link",e.linkDanger="linkDanger",e))(d||{});const b={mini:{"--iconSize":"12px"},default:{"--iconSize":"14px"},large:{"--iconSize":"22px"}},i=x.forwardRef((e,c)=>{const{className:m,style:p={},label:a,type:r="primary",size:s="default",disabled:f=!1,loading:t=!1,icon:n,iconType:y,iconPosition:u="left",onClick:g}=e,o=n?l.jsx(N,{className:"icon",code:n,type:y,style:b[s]}):null,v=q("xtrButton","shadowRipple",`${r}Type`,`${s}Size`,!a&&"iconOnly",t&&"loading",m);return!a&&!n?null:l.jsxs("button",{ref:c,className:v,style:p,onClick:g,disabled:f,children:[r.includes(d.link)&&l.jsx(V,{className:"underline",intermediate:t}),u==="left"&&o,a&&l.jsx("span",{className:"label",children:a}),u==="right"&&o]})});i.displayName="Button";try{i.displayName="Button",i.__docgenInfo={description:"",displayName:"Button",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"primaryDanger"'},{value:'"secondary"'},{value:'"secondaryDanger"'},{value:'"link"'},{value:'"linkDanger"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"mini"'},{value:'"default"'},{value:'"large"'}]}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},iconType:{defaultValue:null,description:"",name:"iconType",required:!1,type:{name:"enum",value:[{value:'"thin"'},{value:'"light"'},{value:'"regular"'},{value:'"solid"'}]}},iconPosition:{defaultValue:null,description:"",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{i as B};