1import{t as e}from"./jsx-runtime-C-2sedIy.js";import{n as t}from"./lib-DCsBX4Er.js";import{n,t as r}from"./utils-CJh__9bN.js";import{t as i}from"./GlowContainer-Bxi8De-I.js";import{t as a}from"./check-DZpSeeJx.js";var o=e(),s=`bg-linear-[114deg] from-[#ffa44a] from-[12.87%] to-[#69D7FF] to-[51.12%]`;function c({campaign:e,variant:s,className:c,isParticipating:u,onJoin:d,joining:f,needsReddit:p}){let{id:m,name:h,description:g,image:_,poolSize:v,poolUnit:y,participants:b}=e,x=`Join`;return u?x=`Joined`:f?x=`Joining...`:p&&(x=`Connect Reddit to Join`),(0,o.jsxs)(`div`,{className:r(`flex w-full flex-col justify-between gap-6 rounded-xl border border-[#2D3338] p-4 max-lg:h-full lg:gap-[60px] lg:p-14`,s===`detail`&&`lg:gap-8 lg:p-8`,c),children:[(0,o.jsxs)(`div`,{className:r(`flex flex-col gap-4`,s===`detail`&&`lg:flex-row`),children:[(0,o.jsx)(`div`,{className:r(`flex lg:items-start lg:justify-between lg:gap-[50px]`,s===`detail`&&`flex-1 flex-col gap-4`),children:(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3 overflow-hidden lg:gap-4`,children:[(0,o.jsxs)(`div`,{className:`flex h-8 w-full items-center gap-2`,children:[_&&(0,o.jsx)(`img`,{alt:`${h} logo`,className:`size-8 rounded-full object-cover`,height:32,src:_,width:32}),(0,o.jsx)(`h3`,{className:`truncate font-medium text-white text-xl leading-tight lg:text-2xl`,children:h})]}),(0,o.jsx)(`p`,{className:`wrap-break-word line-clamp-2 min-h-[2lh] text-white text-xs leading-relaxed lg:text-[#cacaca] lg:text-base`,children:g}),s===`detail`&&(0,o.jsx)(`div`,{className:`flex flex-col gap-1`,children:u?(0,o.jsxs)(`div`,{className:`flex w-full max-w-45 items-center justify-center gap-1.5 overflow-hidden rounded-2xl border border-[#D0D0D0] px-4 py-2 text-center font-medium text-sm text-white transition hover:bg-white/5 active:scale-[0.98] active:bg-white/10 disabled:opacity-70`,children:[`Joined`,(0,o.jsx)(a,{"aria-hidden":`true`,className:`size-4`})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`button`,{className:`inline-flex w-full max-w-45 items-center justify-center gap-1.5 overflow-hidden rounded-2xl bg-linear-274 from-[#85D4FB] to-[#F2A85C] p-4 text-center font-bold text-black transition active:scale-[0.98] disabled:opacity-70`,disabled:f||u,onClick:d,type:`button`,children:x}),(0,o.jsx)(`span`,{className:`mt-2 block font-medium text-[#FEFF69] text-xs`,children:`You must connect Reddit and click Join so we can access and track your campaign data.`})]})})]})}),(0,o.jsxs)(`div`,{className:r(`grid flex-1 grid-cols-2 gap-4`,s===`detail`?`self-center`:`lg:flex lg:items-center lg:gap-[46px]`),children:[(0,o.jsx)(l,{className:s===`detail`?`lg:p-6`:`lg:w-[180px] lg:items-center lg:gap-6 lg:border-0 lg:p-0 lg:text-center`,label:`Prize Pool`,value:(0,o.jsxs)(o.Fragment,{children:[`$\xA0`,n(v),`\xA0`,y&&(0,o.jsxs)(`span`,{className:`font-light text-xs lg:text-base`,children:[`in `,y]})]})}),s===`list`&&(0,o.jsx)(`div`,{className:`hidden lg:block lg:h-[65px] lg:w-0 lg:border-[#9c9c9c]/20 lg:border-l`}),(0,o.jsx)(l,{className:s===`detail`?`lg:p-6`:`lg:w-[137px] lg:items-center lg:gap-[26px] lg:border-0 lg:p-0 lg:text-center`,label:`Participants`,value:b})]})]}),s===`list`&&(0,o.jsx)(t,{to:`/u/echo/campaigns/${m}`,viewTransition:!0,children:(0,o.jsx)(i,{className:`text-sm text-white`,children:`View Details`})})]})}function l({label:e,value:t,className:n}){return(0,o.jsxs)(`div`,{className:r(`flex flex-col gap-2 rounded-lg border border-[#9c9c9c]/20 p-3`,n),children:[(0,o.jsx)(`div`,{className:r(`bg-clip-text font-medium text-transparent text-xl leading-tight lg:text-3xl`,s),children:t}),(0,o.jsx)(`div`,{className:`font-light text-[#C5C5C5] text-xs leading-relaxed lg:text-[#a7a7a7] lg:text-base`,children:e})]})}export{c as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.