import { makeStyles } from '@mui/styles';

export const useStyles = makeStyles((theme) => ({
  transactionHistoryTableWrapper: {
    marginTop: theme.spacing(2.0),
  },
  receipt: {
    width: '80%',
    margin: 'auto',
    cursor: 'pointer',
  },
  receiptOuter: {
    border: `1px solid ${theme.palette.grey[29]}`,
    borderRadius: '6px',
    padding: `${theme.spacing(0.7)} ${theme.spacing(0.5)}`,
    display: 'flex',
    justifyContent: 'center',
    cursor: 'pointer',
  },
  receiptIcon: {
    width: '80%',
  },
  gst: {
    width: '30%',
    margin: 'auto',
  },
  gstOuter: {
    border: `1px solid ${theme.palette.grey[29]}`,
    borderRadius: '6px',
    padding: `${theme.spacing(0.5)} ${theme.spacing(0.1)}`,
    display: 'flex',
    justifyContent: 'center',
    cursor: 'pointer',
  },
  gstIcon: {
    width: '50%',
  },
  paymentText: {
    textAlign: 'center',
  },
}));
