Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1x 1x 1x 1x | // @flow
import { type ComponentProps } from "."
import Container from "components/layout/Container"
import { Grid } from "./styled"
import InfoBox from "components/InfoBox"
import React from "react"
import Row from "components/layout/Row"
import Section from "components/layout/Section"
import SectionTitle from "components/SectionTitle"
const InfoBoxes = ({
infoBoxes,
navigationId,
sectionTitle: { lineOne, lineTwo, subtitle }
}: ComponentProps): React$Node => (
<Section id={navigationId}>
<Container>
<SectionTitle lineOne={lineOne} lineTwo={lineTwo} subtitle={subtitle} />
<Row>
<Grid>
{infoBoxes
.filter(({ hide }) => !hide)
// eslint-disable-next-line no-unused-vars
.map(({ flipIn, hide, id, ...item }) => (
<InfoBox key={id} {...item} />
))}
</Grid>
</Row>
</Container>
</Section>
)
export default InfoBoxes
|