Styled Components in React By Guideline

[Rodrigo Victor]

We can improve the generator using the Styled Components import as * as S, following our frontend guideline

For example, instead

import React from 'react'
  
const Test = () => {
  return (
    <div testid="test">
      Test component
    </div>
  )
}
  
export default Test

we could use

import React from 'react'
import * as S from './styles'
  
const Test = () => {
  return (
    <S.Wrapper testid="test">
      Test component
    </S.Wrapper>
  )
}
  
export default Test