const Container = styled.div` display: flex; flex-wrap: wrap; gap: 30px 36px; color: #fff; `; const dapps = [ { src: "bluebiu.near/widget/Base.BaseDex", bannerImg: "https://ipfs.near.social/ipfs/bafkreih6mzl5vxgoodw53byblg4wvgsdvrzn573zrhoo3ccnkhgup7mebu", icon: "https://ipfs.near.social/ipfs/bafkreigpgcamevg6gqoazybmzcz4rvlk3x4twqfvbbd4llx5wrtqi7peqa", tags: ["Dexes", "BASE"], }, ]; return ( <Container> {dapps.map((dapp) => ( <Widget src="bluebiu.near/widget/Base.BaseDappCard" key={dapp.src} props={{ ...dapp, }} /> ))} </Container> );