packages/interface/src/index.js
function resolve(stylesArray) {
  const flattenedStyles = flat(stylesArray, Infinity);
  const { classNames, hasInlineStyles, inlineStyles } = separateStyles(flattenedStyles);
  const specificClassNames = classNames.map((name, index) => `${name} ${name}_${index + 1}`);
  const className = specificClassNames.join(' ');

  const result = { className };
  if (hasInlineStyles) result.style = inlineStyles;
  return result;
}
function resolve(stylesArray) {
  const flattenedStyles = flat(stylesArray, Infinity);
  const { classNames, hasInlineStyles, inlineStyles } = separateStyles(flattenedStyles);
  const specificClassNames = classNames.map((name, index) => `${name} ${name}_${index + 1}`);
  const className = specificClassNames.join(' ');

  const result = { className };
  if (hasInlineStyles) result.style = inlineStyles;
  return result;
}
function resolve ( stylesArray ) { const flattenedStyles = flat ( stylesArray , Infinity ) ; const { classNames , hasInlineStyles , inlineStyles } = separateStyles ( flattenedStyles ) ; const specificClassNames = classNames . map ( ( name , index ) => ` ${ name } ${ name } ${ index + 1 } ` ) ; const className = specificClassNames . join ( ' ' ) ; const result = { className } ; if ( hasInlineStyles ) result . style = inlineStyles ; return result ; }
Process styles to be consumed by a component.

stylesArray {Array} Array of the following: values returned by create, plain JavaScript objects
representing inline styles, or arrays thereof.

Return an object with optional className and style properties to be spread on a component.
Process styles to be consumed by a component .