sample Library component implemented

src/routes/Library/Library.js

@@ -1,11 +1,26 @@
-import React, { Component } from 'react';
+const React = require('react');
+const { NavBar } = require('stremio-common');
+const styles = require('./styles');
 
-class Library extends Component {
+class Library extends React.Component {
     render() {
         return (
-            <div style={{ color: 'pink', paddingTop: 40 }}>You're on the Library Tab</div>
+            <React.Fragment>
+                <NavBar
+                    backButton={false}
+                    tabs={[
+                        { label: 'Board', icon: 'ic_board', href: '#/' },
+                        { label: 'Discover', icon: 'ic_discover', href: '#/discover' },
+                        { label: 'Library', icon: 'ic_library', href: '#/library' },
+                        { label: 'Calendar', icon: 'ic_calendar', href: '#/calendar' },
+                    ]}
+                    searchBar={true}
+                    userMenu={true}
+                />
+                <div className={styles['library-container']} />
+            </React.Fragment>
         );
     }
 }
 
-export default Library;
+module.exports = Library;

src/routes/Library/index.js

@@ -1,3 +1,3 @@
-import Library from './Library';
+const Library = require('./Library');
 
-export default Library;
+module.exports = Library;

src/routes/Library/styles.less

@@ -0,0 +1,4 @@
+.library-container {
+    background-color: var(--color-background);
+    height: 100%;
+}