스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다

안녕하세요 강의를 듣고 디자인을 꾸미는 중에 궁금한 점이 생겨 질문 남깁니다

스타일드 컴포넌트로 css 속성을 주는 것과

className을 통해 css 속성을 적용하는 것에

성능적으로 ( 또는 어떤 부분에서든 ) 차이가 있는지 궁금합니다

(실제 적용되는 css 속성은 생략하였습니다)

1. 스타일드 컴포넌트로만
<Wrapper>
  <Content>
    테스트
  </Content>
</Wrapper>
const Wrapper = styled.div``
const Content = styled.div``


2. className을 적용한 css
<Wrapper>
  <div className={'test'}>
    테스트
  </div>
</Wrapper>
const Wrapper = styled.div`
  ~
  .test { ~ }

`