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;