xtreme-ui
Version:
Collection of reusable components that can be used in web projects
2 lines (1 loc) • 1.02 kB
JavaScript
import{r as p,j as m}from"./iframe-5Rr_RUeM.js";import{c as u}from"./clsx-B-dksMZM.js";var r=(e=>(e[e.mini=100]="mini",e[e.default=164]="default",e[e.large=254]="large",e))(r||{});const s=p.forwardRef((e,l)=>{const{className:i,children:n,style:o={},size:a="default",onClick:d}=e,t=Array.isArray(a)?a:[r[a],r[a]],c=u("xtrActionCard","shadowRipple",`${a}Size`,i);return m.jsx("footer",{ref:l,className:c,style:{"--cardWidth":`${t[0]}px`,"--cardHeight":`${t[1]}px`,...o},onClick:d,children:n})});s.displayName="ActionCard";try{s.displayName="ActionCard",s.__docgenInfo={description:"",displayName:"ActionCard",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"TActionCardSize"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{s as A};