import React, { Fragment } from 'react';
import { Typography } from '@material-ui/core';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import FatButton from '../FatButton/FatButton';

const styles = theme => ({
  subheading: {
    marginLeft: 'auto',
    marginRight: 'auto',
    marginTop: 'auto',
    marginBottom: 'auto',
    width: '40%',
    display: 'block',
  }
});
const CenteredButton = ({
  title,
  classes,
  click,
  disabled,
  variant,
  color
}) => (
  <Fragment>
    <FatButton
      color={color}
      click={click}
      disabled={disabled}
      variant={variant}
      title={title}
    />
  </Fragment>
);

export default withStyles(styles)(CenteredButton);