FeatureCard.js

import React from 'react'
import PropTypes from 'prop-types'
import { Card, CardTitle } from 'material-ui/Card'

export const FeatureCard = ({ color, title, subtitle, icon }) => {
  const styles = {
    card: { borderLeft: `solid 4px ${color}`, flex: '1', marginRight: '1em' },
    icon: { float: 'right', width: 64, height: 64, padding: 16, color },
  };
  return (<Card style={styles.card} >
    <icon style={styles.icon} />
    <CardTitle title={title} subtitle={subtitle} />
  </Card>);
};

FeatureCard.propTypes = {
  title: PropTypes.string.isRequired,
  subtitle: PropTypes.string.isRequired,
  color: PropTypes.string.isRequired,
  icon: PropTypes.func.isRequired,
};

export default FeatureCard