Что думаете от таком стиле написания? import React from 'react' import FirstExternalComponent

Question

Что думаете от таком стиле написания? import React from 'react' import FirstExternalComponent

from './components/FirstExternalComponent'
import SecondExternalComponent from './components/SecondExternalComponent'
import NoNeedStylesExternalComponent from './components/NoNeedStylesExternalComponent'

// class or function
const Bla = ({ className, myProp, myAnotherProp }) => (
<div className={className}>
<FirstExternalComponent myProp className={`${className}__first-external-component`} />
<span className={`${className}__delimiter`} />
<SecondExternalComponent myAnotherProp className={`${className}__second-external-component`} />
<NoNeedStylesExternalComponent />
</div>
)

export default styled(Bla)`
// main component style
margin: 0 auto;

// inner components styling
&__first-external-component {
padding: 1em;
}

&__second-external-component {
color: ${props => props.theme.primary};
}

&__delimiter {
margin: 1em;
}
`