https://meyers-web-prod-w82o2.ondigitalocean.app/_nuxt/BZHK91Gu.js

1import d from"./DVk0Bx-O.js";import{d as b,c as l,b as i,n as u,g as n,e as c,F as p,H as g,o as x,j as v}from"./DjUjRTxR.js";import"./DhdqehsD.js";const y={class:"fixed top-20 right-4 z-50 flex flex-col gap-2 rounded bg-white p-4 shadow-lg"},S=b({__name:"numberBanner",setup(f){const t=g(4),r={number:"20",numberAttribute:"ÅRS",subtitle:"First - Number Subtitle",description:"Irure ut elit velit sint commodo quis proident anim non duis. Aute adipisicing est cupidatat sit sunt quis."},o=[{number:"20K",numberAttribute:"+",subtitle:"Second - Number Subtitle",description:"Irure ut elit velit sint commodo quis proident anim non duis. Aute adipisicing est cupidatat sit sunt quis."},{number:"20K",numberAttribute:"+",subtitle:"Third - Number Subtitle",description:"Irure ut elit velit sint commodo quis proident anim non duis. Aute adipisicing est cupidatat sit sunt quis."},{number:"20K",numberAttribute:"+",subtitle:"Fourth - Number Subtitle",description:"Irure ut elit velit sint commodo quis proident anim non duis. Aute adipisicing est cupidatat sit sunt quis."},{number:"20K",numberAttribute:"+",subtitle:"Fifth - Number Subtitle",description:"Irure ut elit velit sint commodo quis proident anim non duis. Aute adipisicing est cupidatat sit sunt quis."}],a=v(()=>o.slice(0,t.value));return(q,e)=>{const m=d;return x(),l(p,null,[i("div",y,[i("button",{class:u(["rounded px-3 py-1 text-sm",n(t)===4?"bg-black text-white":"bg-gray-200"]),onClick:e[0]||(e[0]=s=>t.value=4)}," 5 numbers (1+4) ",2),i("button",{class:u(["rounded px-3 py-1 text-sm",n(t)===3?"bg-black text-white":"bg-gray-200"]),onClick:e[1]||(e[1]=s=>t.value=3)}," 4 numbers (1+3) ",2),i("button",{class:u(["rounded px-3 py-1 text-sm",n(t)===2?"bg-black text-white":"bg-gray-200"]),onClick:e[2]||(e[2]=s=>t.value=2)}," 3 numbers (1+2) ",2)]),c(m,{"primary-number":r,"secondary-numbers":n(a)},null,8,["secondary-numbers"])],64)}}});export{S as default};