Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-BcutgqC9.cjs`),t=require(`./utils-8yHOSEWy.cjs`);let n=require(`react`);n=e.n(n,1);let r=require(`react/jsx-runtime`);var i=n.default.forwardRef(({className:e,indexClassName:n,backgroundColor:i,textClassName:a,textColor:o,index:s,text:c,style:l,...u},d)=>(0,r.jsx)(`div`,{className:`@container w-full`,children:(0,r.jsxs)(`button`,{...u,ref:d,style:{...l,backgroundColor:i||`var(--blue-600)`,cursor:`url(https://cdn.jsdelivr.net/npm/@undp/design-system-assets@1.6.1/images/arrow-right-white.svg), auto`},className:t.t(`min-h-[160px] w-full flex items-start flex-col gap-0 px-6 py-9 @2xl:flex-row @2xl:px-0 @2xl:items-center @2xl:py-0 @2xl:gap-9 hover:brightness-90`,e),children:[(0,r.jsx)(`strong`,{className:t.t(`text-[2.938rem] pl-0 @2xl:text-[6.875rem] @2xl:pl-[6.313rem] font-heading w-auto @2xl:w-[250px] text-left`,n),style:{color:o||`#fff`},children:s}),(0,r.jsx)(`h4`,{className:t.t(`m-0 font-heading text-left p-0 text-[1.563rem] tracking-[.078rem] uppercase @2xl:text-[1.875rem] @2xl:tracking-[.094rem]`,a),style:{color:o||`#fff`},children:c})]})}));i.displayName=`SDGCardButton`,exports.SDGCardButton=i;
//# sourceMappingURL=SDGCardButton.cjs.map