import{_ as a}from"./plugin-vue_export-helper.21dcd24c.js";import{d as e,h as t,Y as i,Z as r,c as o,a5 as l,F as s,as as c,a6 as n,a4 as d,bL as m,$ as p,C as v,a0 as u,a1 as g}from"./index.3938ccd1.js";import{al as b}from"./index.33b844cc.js";import"./Serializer.f6a5f515.js";import"./AntdIcon.ce0fcb4c.js";const h={class:"library-container"},f=["src"],j={class:"card-details"},y={key:0,class:"card-tags"};var U=a(e({__name:"NewLibrary",setup(a){const e=t([{id:1,title:"Project Alpha",subtitle:"Web Application",description:"A comprehensive web application for business management",imageUrl:"https://via.placeholder.com/300x200",avatarUrl:"https://joeschmoe.io/api/v1/random",tags:[{name:"Vue",color:"green"},{name:"TypeScript",color:"blue"}]},{id:2,title:"Project Beta",subtitle:"Mobile App",description:"A cross-platform mobile application built with React Native",imageUrl:"https://via.placeholder.com/300x200",avatarUrl:"https://joeschmoe.io/api/v1/random",tags:[{name:"React",color:"cyan"},{name:"Mobile",color:"orange"}]},{id:3,title:"Project Gamma",subtitle:"Backend Service",description:"Scalable backend service using Node.js and MongoDB",imageUrl:"https://via.placeholder.com/300x200",avatarUrl:"https://joeschmoe.io/api/v1/random",tags:[{name:"Node.js",color:"green"},{name:"MongoDB",color:"purple"}]},{id:4,title:"Project Delta",subtitle:"Data Visualization",description:"Interactive dashboards and data visualizations",imageUrl:"https://via.placeholder.com/300x200",avatarUrl:"https://joeschmoe.io/api/v1/random",tags:[{name:"D3.js",color:"magenta"},{name:"Analytics",color:"blue"}]}]);return(a,t)=>{const U=n("a-avatar"),_=n("a-card-meta"),x=n("a-tag"),k=n("a-button"),A=n("a-card"),w=n("a-col"),D=n("a-row");return i(),r("div",h,[o(D,{gutter:[16,16]},{default:l((()=>[(i(!0),r(s,null,c(e.value,(a=>(i(),d(w,{key:a.id,xs:24,sm:12,md:8,lg:6,xl:6},{default:l((()=>[o(A,{title:a.title,hoverable:""},m({default:l((()=>[o(_,{title:a.subtitle,description:a.description},m({_:2},[a.avatarUrl?{name:"avatar",fn:l((()=>[o(U,{src:a.avatarUrl},null,8,["src"])])),key:"0"}:void 0]),1032,["title","description"]),p("div",j,[a.tags&&a.tags.length?(i(),r("div",y,[(i(!0),r(s,null,c(a.tags,((a,e)=>(i(),d(x,{key:e,color:a.color},{default:l((()=>[v(u(a.name),1)])),_:2},1032,["color"])))),128))])):g("",!0),o(k,{type:"primary",onClick:e=>{return t=a.id,void b.info(`Viewing details for card ${t}`);var t}},{default:l((()=>[...t[0]||(t[0]=[v("View Details",-1)])])),_:2},1032,["onClick"])])])),_:2},[a.imageUrl?{name:"cover",fn:l((()=>[p("img",{alt:"card cover",src:a.imageUrl},null,8,f)])),key:"0"}:void 0]),1032,["title"])])),_:2},1024)))),128))])),_:1})])}}}),[["__scopeId","data-v-df09e8d2"]]);export{U as default};
