feat: allow the className prop for ReactPlayer

[SEOKKAMONI]

description

In some CSS libraries, there are cases where styles are inherited via the className. When disallowing such className, you may need to develop that specific part of the project using a different pattern than the one you previously used. Therefore, I added code to allow the className prop.

Example of Panda CSS

AS-IS

<div className={videoPlayerWrapperCss}>
   <ReactPlayer
        style={{ borderRadius: '16px', ... }}
        url={videoUrl}
        playing={true}
        controls={true}
        muted={true}
        width="100%"
        height="100%"
      />
</div>

TO-BE

<div className={videoPlayerWrapperCss}>
   <ReactPlayer
        className={css({ borderRadius: '16px', ... })}
        url={videoUrl}
        playing={true}
        controls={true}
        muted={true}
        width="100%"
        height="100%"
      />
</div>