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

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

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))',
  userSelect: 'none',
};

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