Encode Styles object

encode-styles.jsx

/**
* Encode an object of styles for the browser to understand
* @param {Object} styles - styles to decode
* @returns {Object} - Something
*/
export const encodeStyles = styles => {
    const encodedStyles = {}
    Object.entries(styles).forEach(
        ([key, value]) => {
            // add the pixels back in if the value is a number
            encodedStyles[key] = (typeof(value) === "number") ? `${value}px` : value
        }
    )
    return encodedStyles
}