var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Ecosystem=Ecosystem;var _react=_interopRequireDefault(require("react"));var _primitives=require("../../primitives");var _ecosystem=_interopRequireDefault(require("../../utils/ecosystem.json"));var _image=_interopRequireDefault(require("next/image"));var _jsxRuntime=require("react/jsx-runtime");function Ecosystem(_ref){var values=_ref.values;var keys=Object.keys(_ecosystem.default);keys=keys.filter(function(element){return values.includes(element);});var cardsData=keys.map(function(key){return _ecosystem.default[key];});return(0,_jsxRuntime.jsxs)(_primitives.Box,{mb:"$20",sx:{'@md':{mb:100}},children:[(0,_jsxRuntime.jsxs)(_primitives.Box,{width:"100%",children:[(0,_jsxRuntime.jsx)(_primitives.Text,{fontSize:"$lg",lineHeight:"$xl",sx:{_web:{background:'linear-gradient(93.67deg, #3E92E1 -12.63%, #9985FF 146.77%)',backgroundClip:'text',WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent'}},mb:"$3",children:"More from the creators"}),(0,_jsxRuntime.jsx)(_primitives.Text,{fontWeight:"$bold",fontSize:"$5xl",lineHeight:"$4xl",color:"$textDark50",sx:{'@base':{fontSize:'$4xl'},'@md':{fontSize:'$5xl'},'_dark':{color:'$textDark50'}},children:"Our Ecosystem"}),(0,_jsxRuntime.jsx)(_primitives.Text,{fontSize:"$lg",lineHeight:"$lg",color:"$textDark300",my:"$6",maxWidth:708,children:"Curated suite of tools to simplify and accelerate building of design systems."}),(0,_jsxRuntime.jsx)(_primitives.HStack,{children:(0,_jsxRuntime.jsx)(_primitives.Link,{isExternal:true,href:"https://gluestack.io/#ecosystem",mb:"$6",children:(0,_jsxRuntime.jsx)(_primitives.Text,{color:"$primary400",fontSize:"$lg",lineHeight:"$md",fontWeight:"$bold",sx:{_dark:{color:'$primary500'}},children:"Learn more"})})})]}),(0,_jsxRuntime.jsx)(_primitives.Box,{sx:{'@lg':{flexDirection:'row'}},children:cardsData.map(function(item,index){return(0,_jsxRuntime.jsx)(Card,{item:item,mr:index===cardsData.length-1?'0':'$10'},item.id);})})]});}var Card=function Card(_ref2){var item=_ref2.item,mr=_ref2.mr;return(0,_jsxRuntime.jsx)(_primitives.Box,{mb:"$10",borderWidth:1,borderColor:"$borderDark800",borderRadius:"$xl",overflow:"hidden",sx:{'_web':{background:item.linearGradient},'@md':{flex:1},'@lg':{mb:0,mr:mr}},children:(0,_jsxRuntime.jsx)(_primitives.Link,{href:item.link,flex:1,isExternal:true,pointerEvents:item.name==='gluestack-ui pro'?'none':'auto',children:(0,_jsxRuntime.jsxs)(_primitives.Box,{h:"100%",p:"$6",children:[(0,_jsxRuntime.jsxs)(_primitives.HStack,{alignItems:"center",mb:"$6",children:[(0,_jsxRuntime.jsx)(_image.default,{src:item.icon,width:20,height:20,alt:`${item.name} logo`,priority:true}),(0,_jsxRuntime.jsx)(_primitives.Text,{ml:"$3",color:"$trueGray50",fontWeight:"$medium",fontSize:"$md",lineHeight:"$md",children:item.name}),item.tag&&(0,_jsxRuntime.jsx)(_primitives.Box,{py:"$0.5",px:"$2.5",ml:"$2",borderRadius:"$full",borderWidth:2,borderColor:"$borderDark800",alignSelf:"flex-start",sx:{_web:{background:'linear-gradient(260.55deg, rgba(21, 129, 228, 0.165) 11.83%, rgba(107, 54, 175, 0.183) 45.13%, rgba(42, 180, 217, 0.045) 93.61%)',backdropFilter:'blur(12px)'}},children:item.tag&&(0,_jsxRuntime.jsx)(_primitives.Text,{fontSize:"$2xs",lineHeight:"$2xs",color:"$textDark50",sx:{_dark:{color:'$textDark50'}},children:item.tag})}),item.ossTag&&(0,_jsxRuntime.jsx)(_primitives.Box,{py:"$0.5",px:"$2.5",ml:"$1.5",borderRadius:"$full",borderWidth:2,borderColor:"$borderDark800",alignSelf:"flex-start",sx:{_web:{background:'linear-gradient(260.55deg, rgba(21, 129, 228, 0.165) 11.83%, rgba(107, 54, 175, 0.183) 45.13%, rgba(42, 180, 217, 0.045) 93.61%)',backdropFilter:'blur(12px)'}},children:item.ossTag&&(0,_jsxRuntime.jsx)(_primitives.Text,{fontSize:"$2xs",lineHeight:"$2xs",color:"$textDark50",sx:{_dark:{color:'$textDark50'}},children:item.ossTag})})]}),(0,_jsxRuntime.jsx)(_primitives.Text,{fontSize:"$lg",lineHeight:"$lg",color:"$textDark300",mb:"$5",sx:{_dark:{color:'$textDark300'}},children:item.description})]})})});};
//# sourceMappingURL=index.js.map