import{u as m}from"./data-D7xXWmPy.js";import{_ as p}from"./TopBar.vue_vue_type_script_setup_true_lang-DNeo4_WD.js";import{_ as u}from"./BottomNav.vue_vue_type_script_setup_true_lang-BcRvF8NM.js";import{_}from"./PetCard.vue_vue_type_script_setup_true_lang-CtH7ojYH.js";import{j as f,q as b,f as a,i,b as t,v as g,w as y,F as l,t as c,c as x,r as e,d as h}from"./index-DLUb5LSe.js";const v={class:"pb-32 min-h-dvh"},k={class:"max-w-md mx-auto px-4 pt-2"},w={class:"py-4"},B={class:"text-meta text-ink-muted mt-1"},N={key:0,class:"grid grid-cols-2 gap-3"},V={key:1,class:"grid grid-cols-2 gap-3"},$={key:2,class:"rounded-card bg-surface shadow-card p-8 text-center text-ink-muted"},j=f({__name:"PetsView",setup(D){const d=m();b(()=>d.loadHome());const o=x(()=>{var n;return((n=d.home)==null?void 0:n.pets)??[]});return(n,s)=>(e(),a("div",v,[i(p),t("main",k,[t("header",w,[s[0]||(s[0]=t("h1",{class:"text-display"},"My Pets",-1)),t("p",B,g(o.value.length)+" registered",1)]),y(d).loadingHome&&!o.value.length?(e(),a("div",N,[(e(),a(l,null,c(4,r=>t("div",{key:r,class:"aspect-[3/4] rounded-card bg-surface animate-pulse"})),64))])):o.value.length?(e(),a("div",V,[(e(!0),a(l,null,c(o.value,r=>(e(),h(_,{key:r.id,pet:r},null,8,["pet"]))),128))])):(e(),a("div",$,[...s[1]||(s[1]=[t("div",{class:"text-5xl mb-3 opacity-50"},"🐾",-1),t("p",{class:"text-body font-semibold"},"No pets yet",-1),t("p",{class:"text-meta mt-1"},"Tell your clinic to add your pets to your account",-1)])])),s[2]||(s[2]=t("button",{class:"w-full mt-4 py-4 rounded-card border-2 border-dashed border-brand-200 text-brand-700 font-semibold hover:bg-brand-50 transition-colors"}," + Add a pet ",-1))]),i(u)]))}});export{j as default};
//# sourceMappingURL=PetsView-CaXguWVW.js.map
