tailwind-shop-design-system/src/router.js

import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";

import _ from "lodash";
import Home from './Views/Home';
// import VideoTube from "./views/Home/VideoTube";

function Router({ isDark }) {
  return (
    <div className={_.join([isDark ? "dark" : ""], " ")}>
      <div
        className={_.join(
          [
            "min-h-screen min-w-screen rtl overflow-x-hidden",
            isDark ? "bg-dark" : "bg-white",
          ],
          " "
        )}
      >
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<Home />} />
            {/* <Route path="/vod" element={<VideoTube />} /> */}
            <Route
              path="*"
              element={
                <main>
                  <h1>No matches routes.</h1>
                </main>
              }
            />
          </Routes>
        </BrowserRouter>
      </div>
    </div>
  );
}

Router.defaultProps = {
  isDark : false,
}



export default Router;