import { makeStyles } from "@material-ui/core/styles"

export const useStyles = makeStyles(theme => ({
  card: {
    maxWidth: 400,
    minWidth: 344
  },
  typography: {
    fontWeight: "bold"
  },
  actionRoot: {
    padding: "8px 8px 8px 16px",
    justifyContent: "space-between",
    color: "#FFF"
  },
  icons: {},
  expand: {
    padding: "8px 8px",
    transform: "rotate(0deg)",
    transition: theme.transitions.create("transform", {
      duration: theme.transitions.duration.shortest
    })
  },
  expandOpen: {
    transform: "rotate(180deg)"
  },
  collapse: {
    padding: 16
  },
  checkIcon: {
    fontSize: 20,
    color: "#b3b3b3",
    paddingRight: 4
  },
  button: {
    padding: 0,
    textTransform: "none"
  }
}))