🎨 styles: home video

:%s

src/components/common/VideoPlayer/VideoPlayer.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import ReactPlayer from 'react-player/lazy'
+
+interface Props {
+    url: string,
+    controls?: boolean,
+    muted?: boolean,
+}
+
+const VideoPlayer = ({ url, controls, muted }: Props) => {
+    return (
+        <ReactPlayer
+            url={url}
+            controls={controls}
+            muted={muted} />
+    );
+};
+
+export default VideoPlayer;

src/components/common/index.ts

@@ -14,3 +14,4 @@ export { default as Banner} from './Banner/Banner'
 export { default as Footer} from './Footer/Footer'
 export { default as MenuDropdown} from './MenuDropdown/MenuDropdown'
 export { default as NotiMessage} from './NotiMessage/NotiMessage'
+export { default as VideoPlayer} from './VideoPlayer/VideoPlayer'