A function to flatten a combination of strings arrays and objects down into a single string. Used for handling conditional class names in react

flatten.js

export const styles = (arg) => {
	if (typeof arg === 'string') return arg

	if (arg instanceof Array) {
		return arg
			.reduce((acc, arg) => {
				return [...acc, styles(arg)]
			}, [])
			.map((x) => x.trim())
			.filter((x) => x)
			.join(' ')
	}

	if (typeof arg === 'object') {
		return Object.entries(arg)
			.reduce((acc, [key, val]) => {
				if (!val) return acc
				return [...acc, key]
			}, [])
			.filter((x) => x)
			.map((x) => x.trim())
			.join(' ')
	}
}