import makeStyles from '@mui/styles/makeStyles';
import type { Theme } from '../../@styles/theme-provider';

const createClasses = makeStyles<Theme>(theme => ({
  starIconGrid: {
    textAlign: 'end'
  },
  tagText: {
    margin: theme.spacing(3, 'auto', 1, 'auto')
  },
  card: {
    minWidth: 185,
    maxWidth: 214,
    '& .MuiGrid-root': {
      width: '100%'
    }
  },
  image: {
    display: 'block',
    marginLeft: 'auto',
    marginRight: 'auto'
  },
  appName: {
    ...theme.typography.h4,
    marginBottom: theme.spacing(0.5),
    textAlign: 'center'
  },
  appVersion: {
    ...theme.typography.caption1,
    textAlign: 'center',
    marginBottom: theme.spacing(2)
  },
  button: {
    textAlign: 'center'
  },
  avatar: {
    margin: '0 auto'
  }
}));

export default createClasses;