import { makeStyles } from 'tss-react/mui';

export const useStyles = makeStyles()((theme) => ({
  actions: {
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    width: theme.spacing(6.5)
  },
  removeButton: {
    color: theme.palette.primary.main,
    '& :hover': {
      color: theme.palette.error.main
    }
  },
  removeIcon: {
    fontSize: theme.spacing(2.5),
    color: theme.palette.error.main
  },
  copyIcon: {
    fontSize: theme.spacing(2.25)
  }
}));

export const useStatusStyles = makeStyles()((theme) => ({
  container: {
    marginLeft: theme.spacing(1)
  }
}));
