19 lines
552 B
TypeScript
19 lines
552 B
TypeScript
import Container from '@mui/material/Container';
|
|
import Grid from '@mui/material/Grid';
|
|
import {sidecardData} from "../data";
|
|
import SmallCard from "./SmallCard"
|
|
const cardData = sidecardData
|
|
|
|
function Content() {
|
|
return (
|
|
<Container maxWidth="xs" sx={{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 } cardNum={index} />
|
|
</Grid>
|
|
))}
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
export default Content; |