Convert Stylesheet.create to styled-component

let final = ""
for (let el in styles ) {
  const tagName = el.charAt(0).toUpperCase() + el.slice(1)
  const rules = styles[el]
  const transformedRules = Object.keys(rules).map( ruleName => {
    const cssRule = ruleName.replace( /([a-z])([A-Z])/g, '$1-$2' ).toLowerCase();
    const convertedStyle = `  ${cssRule}: ${rules[ruleName]};`
    return convertedStyle
  }).join("\n")
  const finalComponent = `const ${tagName} = styled(View)\`
${transformedRules}
\`` 
  final += `${finalComponent}\n`
}
console.log(final)