21 lines
623 B
TypeScript
21 lines
623 B
TypeScript
import Container from '@mui/material/Container';
|
|
import Grid from '@mui/material/Grid';
|
|
import structures from "../../data";
|
|
import BuildCard from "./BuildCard"
|
|
const cardData = [structures[3], structures[6], structures[9], structures[7]]
|
|
|
|
function Content() {
|
|
return (
|
|
<Container maxWidth="xl">
|
|
<Grid container spacing={{ xs: 3, md: 6 }}>
|
|
{cardData.map((item, index) => (
|
|
<Grid key={index} size={{ xs: 12, md: 6 }} >
|
|
<BuildCard building={ item } cardNum={index} idx={[3,6,9,7][index]} />
|
|
</Grid>
|
|
))}
|
|
</Grid>
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
export default Content; |