frontend/smart-hut/src/components/dashboard/devices/SmartPlugStyle.js

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

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

export const nameStyle = {
  color: "black",
  position: "absolute",
  top: "50%",
  left: "50%",
  transform: "translateX(-50%)",
};