18 lines
580 B
TypeScript
18 lines
580 B
TypeScript
import Container from '@mui/material/Container';
|
|
import {sidecardData} from "../../data";
|
|
import SmallCard from "./SmallCard"
|
|
const cardData = sidecardData
|
|
|
|
function Content() {
|
|
return (
|
|
<Container maxWidth="xs" sx={{display:"flex", flexDirection:"column", gap:"5px", maxWidth: {xs:"100%", md:"300px"}, pr:{md:"0px !important",xs:"20px"}}}>
|
|
{cardData.map((item, index) => (
|
|
// <Grid key={index} size={{ xs: 12, md: 3 }} >
|
|
<SmallCard data={ item } idx={index} key={index}/>
|
|
// </Grid>
|
|
))}
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
export default Content; |