import React, { Fragment } from 'react';
import { Typography } from '@material-ui/core';
import { withStyles } from '@material-ui/core/styles';
import { FormattedMessage } from 'react-intl';
import Button from '@material-ui/core/Button';
import AddIcon from '@material-ui/icons/Add';

const styles = theme => ({
  subheading: {
    marginTop: theme.spacing.unit * 3,
    marginBottom: theme.spacing.unit * 3,
  }
});
const FatButton = ({
  title,
  classes,
  messageId,
  click,
  disabled,
  variant,
  color
}) => (
  <Fragment>
    <Button
      className={classes.subheading}
      color={color}
      variant={variant}
      onClick={click}
      disabled={disabled}
    >
      <AddIcon />
      <Typography
        variant="subheading"
        component="p"
      >
        {title}
      </Typography>
    </Button>
  </Fragment>
);
 export default withStyles(styles)(FatButton);