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 | 1x 1x | // @flow
import { BigIcon, Details, Icons, Wrapper } from "./styled"
import { type ComponentProps } from "."
import Content from "components/Content"
import Icon from "components/Icon"
import React from "react"
import colors from "styles/colors"
const InfoBox = ({
icon,
title,
tagline,
description
}: ComponentProps): React$Node => (
<Wrapper>
<Icons>
<Icon color={colors.pictonBlue} group="ion" name={icon} size="42px" />
<BigIcon>
<Icon color={colors.gallery} group="ion" name={icon} size="144px" />
</BigIcon>
</Icons>
<Details>
<Content content={title} />
<Content content={tagline} />
<Content content={description} />
</Details>
</Wrapper>
)
export default InfoBox
|