@undp/design-system-react/dist/SDGCardButton.cjs

React based design system for UNDP

Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./Typography.cjs");let r=require("react");r=e.r(r,1);let i=require("react/jsx-runtime");var a=r.default.forwardRef(({className:e,indexClassName:r,backgroundColor:a,textClassName:o,textColor:s,index:c,text:l,style:u,...d},f)=>(0,i.jsx)(`div`,{className:`@container w-full`,children:(0,i.jsxs)(`button`,{...d,ref:f,style:{...u,backgroundColor:a||`var(--primary)`,cursor:`url(https://cdn.jsdelivr.net/npm/@undp/design-system-assets/images/arrow-right-white.svg), auto`},className:t.t(`flex min-h-40 w-full @2xl:flex-row flex-col items-start @2xl:items-center @2xl:gap-9 gap-3 @2xl:px-0 px-6 @2xl:py-0 py-9 hover:brightness-90`,e),children:[(0,i.jsx)(n.H1,{marginBottom:`none`,className:t.t(`@2xl:w-62.5 w-auto @2xl:pl-[6.313rem] pl-0 rtl:pr-[6.313rem] rtl:pl-0`,r),style:{color:s||`#fff`},children:c}),(0,i.jsx)(n.H4,{marginBottom:`none`,className:t.t(`font-heading uppercase tracking-[.078rem]`,o),style:{color:s||`#fff`},children:l})]})}));a.displayName=`SDGCardButton`,exports.SDGCardButton=a;
//# sourceMappingURL=SDGCardButton.cjs.map