src__pages__fe__components__ProjectCard.async.js

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[4106],{75737:function(f,a,e){e.r(a);var m=e(9083),E=e.n(m),M=e(59117),c=e(63631),h=e(38497),x=e(85043),D=e(54646),O=e(65671),P=e(47743),v=e(57908),s=e(81538),_=e(17713),i=e(7543),C=e(69087),t=e(96469);a.default=function(r){var b=r.items,R=r.className,g=(0,h.useState)(null),l=E()(g,2),I=l[0],d=l[1];return(0,t.jsx)(s.Z,{container:!0,spacing:0,sx:{justifyContent:"center",alignItems:"stretch"},children:b.map(function(n,o){return(0,t.jsxs)(s.Z,{size:{xs:6,sm:4,md:3},sx:{cursor:n.disabled?"not-allowed":"pointer",position:"relative",p:1},onMouseEnter:function(){return d(o)},onMouseLeave:function(){return d(null)},onClick:function(){n.disabled||window.open(n.link)},children:[(0,t.jsx)(M.M,{children:I===o&&(0,t.jsx)(x.Z,{component:c.E.span,sx:{position:"absolute",inset:"0",width:"100%",backgroundColor:"rgba(200, 200, 200, 1)",borderRadius:1},layoutId:"hoverBackground",initial:{opacity:0},animate:{opacity:1,transition:{duration:.15}},exit:{opacity:0,transition:{duration:.15,delay:.2}}})}),(0,t.jsxs)(O.Z,{sx:{position:"relative",zIndex:2,margin:"0 auto",height:"100%",boxSizing:"border-box"},elevation:(n.disabled,1),children:[(0,t.jsx)(v.Z,{component:"img",height:"140",image:n.img}),(0,t.jsxs)(P.Z,{children:[(0,t.jsxs)(D.Z,{direction:"row",spacing:1,alignItems:"center",sx:{mb:1},children:[n.tab==="beta"&&(0,t.jsx)(i.Z,{label:"Beta",color:"warning",size:"small",sx:{borderRadius:1,fontSize:12,height:20}}),n.tab==="unpublished"&&(0,t.jsx)(i.Z,{label:"Unpublished",icon:(0,t.jsx)(C.Z,{}),color:"error",size:"small",sx:{borderRadius:1,fontSize:12,height:20}}),(0,t.jsx)(i.Z,{label:"MIT",size:"small",sx:{borderRadius:1,fontSize:12,height:20}})]}),(0,t.jsx)(_.Z,{fontSize:18,fontWeight:700,color:"text.primary",sx:{mb:1},children:n.title}),(0,t.jsx)(_.Z,{variant:"caption",sx:{color:"text.secondary",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:2,overflow:"hidden",textOverflow:"ellipsis"},children:n.description})]})]})]},o)})})}}}]);