import{_ as m}from"./IconCloseCircle-ctElXVvc.js";import{_ as p}from"./IconFile-CrvZD0mK.js";import{M as w,o as e,c as t,F as u,h as f,i as d,b as s,a,t as g}from"./index-Bb2UEb_P.js";const h={key:0,class:"tw-flex tw-flex-wrap tw-gap-2"},k=["onClick"],B=w({__name:"FileList",props:{files:{}},emits:["remove"],setup(v,{emit:r}){const i=r;return(o,x)=>{const c=p,l=m;return o.files.length?(e(),t("div",h,[(e(!0),t(u,null,f(o.files,(_,n)=>(e(),t("div",{key:n,class:"tw-flex tw-items-center tw-gap-2 tw-p-2 tw-text-white tw-bg-orange-500 tw-rounded-xl"},[s(c,{class:"tw-flex-none tw-size-5"}),a("div",null,g(_.name),1),a("button",{onClick:C=>i("remove",n)},[s(l,{class:"tw-size-5 tw-text-orange-500"})],8,k)]))),128))])):d("",!0)}}});export{B as _};
