import{d as c,J as f,o as x,g as m,w as u,b as t,t as d,u as o,z as p,a6 as _}from"./nTjlm9u_.js";import{a as X}from"./DoXLED6e.js";const b={class:"bg-blue-800 rounded-lg h-40 w-72 text-white flex flex-col justify-between items-end p-4 mx-auto"},v={class:"flex flex-col w-full gap-2"},w={class:"flex justify-between"},g={class:"text-base text-end"},h={class:"text-sm font-bold text-start tracking-widest"},C={class:"text-base text-end"},N={class:"font-thin"},A=c({__name:"AccountCreditCardNewHeader",setup(y){const s=X(),i=f(()=>{var a;return _(s.form.number)?"XXXX.XXXX.XXXX.XXXX":(a=s.form.number)==null?void 0:a.replace(/^(\d{4})(\d{4})(\d{4})(\d{4}).*/,"$1 $2 $3 $4")});return(a,e)=>{const l=p;return x(),m(l,{class:"flex flex-col gap-4 py-4"},{default:u(()=>{var n,r;return[e[3]||(e[3]=t("h1",{class:"text-6xl"},"Adicionar cartão de crédito",-1)),e[4]||(e[4]=t("h2",{class:"text-sm text-gray-500"},"Essas são as últimas informações de que precisamos",-1)),t("div",b,[e[2]||(e[2]=t("div",null,null,-1)),t("div",v,[t("div",w,[t("div",g,[e[0]||(e[0]=t("div",{class:"text-xs font-thin text-start"},"Número do cartão",-1)),t("div",h,d(o(i)),1)]),t("div",C,[e[1]||(e[1]=t("div",{class:"text-xs font-thin"},"Validade",-1)),t("div",null,d((((n=o(s).form.expMonth)==null?void 0:n.slice(0,2))||"00")+"/"+(((r=o(s).form.expYear)==null?void 0:r.slice(2,4))||"00")),1)])]),t("div",N,d(o(s).form.holderName||"_"),1)])])]}),_:1})}}});export{A as _};