const styles = {
  stats: {
    width: "100%",
    height: "100%",
    display: "flex",
    flexDirection: "column",
    gap: 12,
  },
  stat: {
    display: "flex",
    flexDirection: "row",
    justifyContent: "space-between",
  },
  statName: {
    margin: 0,
    fontWeight: "bold",
  },
  statValue: {
    margin: 0,
  },
  percentage: {
    textAlign: "center",
    fontSize: "2.4em",
    fontWeight: "bold",
    margin: 0,
    marginBottom: 24,
  },
};

export default styles;
