import makeStyles from '@material-ui/core/styles/makeStyles';

export const useStyles = makeStyles({
  ticketWrapper: {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    justifyContent: 'center',
    width: 180,
    height: 180,
    margin: 10,
    border: '1px solid #ccc',
    borderRadius: 10,
    '&:hover': {
      cursor: 'pointer',
      boxShadow: '0 0 5px #4f9aff',
    },
  },
  qrCodeDiv: {
    width: 100,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    paddingTop: 10,
  },
  ticketBody: {
    display: 'flex',
    flexDirection: 'column',
    // justifyContent: 'center',

    alignItems: 'center',
    maxWidth: 200,
    width: '100%',
    padding: '10px 0',
    '& span': {
      fontSize: 14,
      fontWeight: 'bold',
    },
  },
});
