export const energyConsumedStyle = {
  color: "white",
  fontSize: "1.3rem",
  position: "absolute",
  top: "20%",
  left: "50%",
  transform: "translateX(-50%)",
};

export const kwhStyle = {
  color: "white",
  fontSize: "1rem",
  position: "absolute",
  top: "50%",
  left: "50%",
  transform: "translateX(-50%)",
};

export const imageStyle = {
  width: "2rem",
  height: "auto",
  position: "absolute",
  top: "5%",
  left: "50%",
  transform: "translateX(-35%)",
  filter: "drop-shadow( 1px 1px 0.5px rgba(0, 0, 0, .25))",
};

export const nameStyle = {
  color: "black",
  position: "absolute",
  top: "30%",
  left: "50%",
  transform: "translateX(-50%)",
  overflow: "hidden",
  whiteSpace: "nowrap",
  textOverflow: "ellipsis",
};