// @flow
import React from 'react'
import WhiteBox from '../WhiteBox'
import { Graphic, WrapperTitle, WrapperText } from './Wrappers'

type Props = {
  role?: string,
  className?: string,
  graphicsUrl: string,
  title: string,
  text: string
}

const FeatureBox = ({ role, className, graphicsUrl, title, text }: Props) => (
  <WhiteBox role={role} className={className}>
    <Graphic graphicsUrl={graphicsUrl} />
    <WrapperTitle>{title}</WrapperTitle>
    <WrapperText>{text}</WrapperText>
  </WhiteBox>
)

export default FeatureBox
