Remove Styled-components code

src/modules/epubViewer/EpubViewer.tsx

@@ -1,7 +1,13 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react'
+import React, { 
+  useState, 
+  useEffect, 
+  useCallback, 
+  useRef,
+  CSSProperties
+} from 'react'
 import { Book, Rendition } from "epubjs";
 // style
-import EpubViewerWrapper from 'modules/epubViewer/style'
+import styles from 'modules/epubViewer/styles'
 // types
 import { EpubViewerProps, ViewerRef } from 'types'
 import Toc from 'types/toc'
@@ -39,6 +45,8 @@ const EpubViewer = ({
   loadingView,
 }: EpubViewerProps, ref: React.RefObject<ViewerRef> | any) => {
   // TODO Fix the ref type correctly instead 'any' type.
+  const viewerStyle: CSSProperties = style ? { ...styles, ...style} : styles;
+
   const [isLoaded, setIsLoaded] = useState(false);
 
   const [book, setBook] = useState<Book | null>(null);
@@ -286,7 +294,7 @@ const EpubViewer = ({
   
   return (<>
     {!isLoaded && loadingView}
-    <EpubViewerWrapper ref={ref} style={style} />
+    <div ref={ref} style={viewerStyle} />
   </>);
 }
 

src/modules/epubViewer/style.ts

@@ -1,15 +0,0 @@
-import styled from 'styled-components'
-
-const EpubViewerWrapper = styled.div`
-	width: 100%;
-	box-sizing: border-box;
-	margin: 0 auto;
-	
-	& > div {
-		&::-webkit-scrollbar {
-			display: none;
-		}
-	}
-`;
-
-export default EpubViewerWrapper

src/modules/epubViewer/styles.ts

@@ -0,0 +1,12 @@
+/**
+ * EpubViewer wrapper style
+ */
+const styles: {
+	boxSizing: any,
+	margin: any
+} = {
+	boxSizing: "border-box",
+	margin: "0px auto"
+}
+
+export default styles

src/modules/reactViewer/ReactViewer.tsx

@@ -1,4 +1,10 @@
-import React, { useState, useEffect, useRef, useCallback, useMemo } from "react"
+import React, { 
+  useState, 
+  useEffect, 
+  useRef, 
+  useCallback, 
+  useMemo
+} from "react"
 import { Book, Rendition, Contents } from "epubjs"
 // modules
 import EpubViewer from "modules/epubViewer/EpubViewer"

src/types/index.d.ts

@@ -60,7 +60,7 @@ export interface EpubViewerProps {
   url: string;
   epubFileOptions?: BookOptions;
   epubOptions?: RenditionOptions;
-  style?: Object;
+  style?: React.CSSProperties;
   location?: string;
   bookChanged?(book: Book): void;
   rendtionChanged?(rendition: Rendition): void;