import k from"./BpaGfDpb.js";import{d as x,a as v,e as c,f as o,h as e,v as n,x as A,g as a,A as B,t as D,o as t,I,_ as N}from"./BxiWQxwE.js";import{u as b,a as C}from"./Dl6s6BfE.js";const q={class:"shopping__list--item"},E={class:"shopping__list--content"},O={class:"shopping__list--content--inner"},z={class:"number"},L={class:"meta"},S={key:0},T={key:1},V={key:2,class:"error"},$={key:0,class:"loading"},j=x({__name:"index",props:{list:{type:Object,required:!0},loading:{type:Boolean,required:!1},error:{type:Boolean,required:!1}},emits:["delete-list"],setup(s,{emit:d}){const i=s,{$messages:l}=v(),{format:m}=b(),p=d,u=c(()=>I(i.list.name)),h=c(()=>m(i.list.createdAt,String(C))),g=c(()=>Number(i.list.noItems)===0),f=r=>{r.stopPropagation(),p("delete-list",i.list)};return(r,H)=>{var _;const y=k;return t(),o("div",q,[e("div",E,[e("div",O,[e("span",z,n(((_=s.list)==null?void 0:_.noItems)??0),1),e("div",L,[e("h4",null,n(a(u)),1),a(g)?(t(),o("span",S,n(a(l)("shoppinglist.noItemsOnList")),1)):(t(),o("span",T,n(a(h)),1)),s.error?(t(),o("small",V,n(a(l)("error.common")),1)):A("",!0)])]),e("div",{class:B(["actions",{loading:s.loading}])},[s.loading?(t(),o("span",$)):(t(),D(y,{key:1,onDelete:f}))],2)])])}}}),W=N(j,[["__scopeId","data-v-49f2ee28"]]);export{W as default};