import{_ as a}from"./plugin-vue_export-helper.21dcd24c.js";import{d as e,h as t,X as i,Y as o,c as r,a4 as l,F as s,ar as c,a5 as n,a3 as d,bN as m,Z as p,C as v,$ as u,a0 as g}from"./index.9313841a.js";import{al as h}from"./index.b9a1e371.js";import"./AntdIcon.111f44e5.js";const b={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(),o("div",b,[r(D,{gutter:[16,16]},{default:l((()=>[(i(!0),o(s,null,c(e.value,(a=>(i(),d(w,{key:a.id,xs:24,sm:12,md:8,lg:6,xl:6},{default:l((()=>[r(A,{title:a.title,hoverable:""},m({default:l((()=>[r(_,{title:a.subtitle,description:a.description},m({_:2},[a.avatarUrl?{name:"avatar",fn:l((()=>[r(U,{src:a.avatarUrl},null,8,["src"])])),key:"0"}:void 0]),1032,["title","description"]),p("div",j,[a.tags&&a.tags.length?(i(),o("div",y,[(i(!0),o(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),r(k,{type:"primary",onClick:e=>{return t=a.id,void h.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-2e4a227c"]]);export{U as default};
