Creating a react component dynamic HTML tag with CSS styling in react styled-component

What is the react styled-components?

Styled-components one of the CSS-in-JS approach yarn/npm package. Styled Components allow you to write plain CSS in your components without worrying about class name collisions. It helps to write CSS that’s scoped to a single component and does not leak to any other element on the page.