https://cashbackstacks.com/_nuxt/CSV2KJyv.js

1import{d as g,h as d,g as e,J as i,g7 as n,F as h,j as f,a as w,f as r,c,a_ as p,o,b2 as x,n as v,ac as y,t as _,p as k}from"./B03Hv0XP.js";const B={class:"relative"},j={key:0,class:"absolute inset-0 overflow-hidden pointer-events-none","aria-hidden":"true"},V={key:1,class:"relative mx-auto max-w-2xl lg:max-w-4xl"},C={class:"browser-frame"},S={class:"relative aspect-[16/10] bg-elevated"},E={key:0,class:"absolute inset-0 flex items-center justify-center"},I={class:"w-80 max-w-full p-4"},N={class:"bg-default rounded-xl shadow-elevated border border-default overflow-hidden"},O={class:"p-4 space-y-3"},T={class:"flex items-center gap-2"},z=g({__name:"HeroVisual",props:{showOrbs:{type:Boolean,default:!0},showMockup:{type:Boolean,default:!0},imageUrl:{default:""},imageAlt:{default:"CashBackStacks extension showing cashback rates comparison"},priority:{type:Boolean,default:!1}},setup(t){const l=t,u=c(()=>l.priority?"eager":"lazy"),b=c(()=>l.priority?"high":void 0);return(A,s)=>{const m=p;return o(),d("div",B,[t.showOrbs?(o(),d("div",j,[...s[0]||(s[0]=[e("div",{class:"hero-orb hero-orb-1"},null,-1),e("div",{class:"hero-orb hero-orb-2"},null,-1),e("div",{class:"hero-orb hero-orb-3"},null,-1)])])):i("",!0),t.showMockup?(o(),d("div",V,[e("div",C,[s[4]||(s[4]=n('<div class="browser-toolbar"><div class="browser-dots"><div class="browser-dot browser-dot-red"></div><div class="browser-dot browser-dot-yellow"></div><div class="browser-dot browser-dot-green"></div></div><div class="flex-1 mx-4"><div class="h-6 rounded-md bg-accented/80 max-w-xs"></div></div></div>',1)),e("div",S,[t.imageUrl?(o(),w(m,{key:1,src:t.imageUrl,alt:t.imageAlt,width:800,height:500,class:"w-full h-full object-cover object-top",loading:r(u),fetchpriority:r(b),format:"webp",quality:"85"},null,8,["src","alt","loading","fetchpriority"])):(o(),d("div",E,[e("div",I,[e("div",N,[s[2]||(s[2]=n('<div class="p-4 border-b border-default"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-lg" style="background:var(--gradient-brand);"></div><div><div class="h-4 w-24 bg-accented rounded"></div><div class="h-3 w-16 bg-elevated rounded mt-1"></div></div></div></div>',1)),e("div",O,[(o(),d(h,null,f(4,a=>e("div",{key:a,class:"flex items-center justify-between"},[e("div",T,[s[1]||(s[1]=e("div",{class:"w-6 h-6 rounded bg-elevated"},null,-1)),e("div",{class:"h-3 bg-accented rounded",style:x({width:`${60+a*10}px`})},null,4)]),e("div",{class:v(["h-5 rounded-full px-2",a===1?"bg-success-100 dark:bg-success-900/50":"bg-elevated"])},[e("span",{class:v(["text-xs font-semibold",a===1?r(y):"text-muted"])},_(r(k)(10-a*1.5)),3)],2)])),64))]),s[3]||(s[3]=e("div",{class:"p-4 bg-muted/50 border-t border-default"},[e("div",{class:"h-8 bg-primary rounded-lg"})],-1))])])]))])])])):i("",!0)])}}}),P=Object.assign(z,{__name:"HeroVisual"});export{P as default};