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;