creating buttons

src/App.js

 
-import Footer from './components/Footer/Footer'
 import Button from './components/Button/index'
 import React, { lazy, Suspense } from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
@@ -10,18 +9,19 @@ function App() {
   return (
     <div className="App">
       
-        {/* <BrowserRouter>
+        { <BrowserRouter>
         <Suspense fallback={<div> loading</div>}>
           <Routes>
             <Route exact path="/login" element={<Login />} />
             <Route path="/" element={<Login />} />
           </Routes>
         </Suspense>
-      </BrowserRouter>  */}
+      </BrowserRouter>  
+      }
+       
 
       
       
-      <Footer/>
       
     </div>
   );

src/components/Button/index.jsx

@@ -4,7 +4,8 @@ import cs from "classnames";
 import styles from "./Button.module.scss";
 
 function Button(props) {
-  return <div className={cs(styles.customButton)}>here</div>;
+  return <div onClick={props.handleClick} className={`btn btn-${props.color} btn-${props.size}`}> {props.buttonName}</div>
+ // "btn btn-primary btn-lg"
 }
 
 Button.propTypes = {};

src/containers/Login/index.jsx

@@ -2,14 +2,16 @@ import React from "react";
 import PropTypes from "prop-types";
 import Button from "components/Button";
 
+
+
 function Login(props) {
-  // return <div>login</div>;
-  return <>
-  <Button buttonName="pwe"/>
-  {/* <Button type="password" name="password" /> */}
-  </>
-}
+   return <div>login</div>;
+  
 
-Login.propTypes = {};
 
+
+
+
+Login.propTypes = {};
+}
 export default Login;