How to use the css-in-js-utils.cssifyObject function in css-in-js-utils

box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: transparent;

  ${width ? 'width: ' + width + 'px;' : ''}
  ${height ? 'height: ' + height + 'px;' : ''}

  overflow: hidden;
}

#root {
  ${cssifyObject(style)}
}

  ${inject.style || ''}
  



${inject.body || ''}

<div id="root"></div>

}

body {
  background: transparent;

  ${width ? 'max-width: ' + width + 'px;' : ''}
  ${height ? 'max-height: ' + height + 'px;' : ''}

  overflow: hidden;
}

.text {
  display: inline-block;
  ${width ? '' : 'white-space: nowrap;'}

  ${cssifyObject(style)}
}

  ${inject.style || ''}
  



${inject.body || ''}

<div class="text">${text}</div>

display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #5061cb;
  background: linear-gradient(
    160deg,
    rgba(110, 96, 225, 1) 0%,
    rgba(27, 59, 135, 1) 100%
  );
  border-radius: 4px;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  letter-spacing: 0.02em;

  ${width ? '' : 'white-space: nowrap;'}
  ${cssifyObject(style)}
}

.wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.lhs {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.7em;
  line-height: 1em;
}

.rhs {
  padding: 0.7em;