import Container from '@mui/material/Container';
import Grid from '@mui/material/Grid';
import {mainCards} from "../../data";
import BigCard from "./BigCard"
const cardData = mainCards

function Content() {
  return (
    <Container maxWidth="xl" sx={{pr:{md:"0px !important",xs:"20px"}}}>
      {cardData.map((item, index) => (
        <Grid key={index} size={{ xs: 12, md: 6 }} >
          <BigCard data={ item } cardNum={index} />
        </Grid>
      ))}
    </Container>
  );
}

export default Content;