Merge branch 'feature/dhanyashri/btn' into 'development'

Feature/dhanyashri/btn

See merge request sujatamurgod/sample_argon!5

src/components/Button/Button.module.scss

-.customButton {
-  background-color: red;
+.button {
+  /*background-color: purple;
+  color:white;
+  position: relative;
+  font-size: 12px;
+  font-weight: 700;
+  align-items: center;
+  letter-spacing: 0.7px;
+  text-align: center;
+  -moz-box-align: center;
+  text-decoration: none;
+  display: inline-block;
+  border-radius: 10px;
+  -webkit-transition: background-color 0.2s ease-in;
+  transition: background-color 0.2s ease-in;
+  cursor: pointer;
+  padding: 10px 30px;*/
+  font-size: .875rem;
+  position: relative;
+  transition: all .15s ease;
+  letter-spacing: .025em;
+  text-transform: none;
+  will-change: transform;
   }
+  
\ No newline at end of file

src/components/Button/index.jsx

 import React from "react";
 import PropTypes from "prop-types";
-import cs from "classnames";
-import styles from "./Button.module.scss";
+import style from "./Button.module.scss";
 
-function Button(props) {
-  return <div className={cs(styles.customButton)}>here</div>;
-}
 
-Button.propTypes = {};
+function Button(props) {
+  const {
+    label,
+    disabled,    
+    ButtonClick,
+  } = props;
+  return (
+    <div className={style.button}>
+    <button 
+      onClick={ButtonClick}
+      className= "button"
+      disabled={disabled}     
+    >
+      {label}
+    </button>
+    </div>
+  );
   
+}
+Button.propTypes = {
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),  
+  disabled: PropTypes.bool, 
+  ButtonClick: PropTypes.func,  
+};
+Button.defaultProps = {
+  label:"NEW"
+ }
   export default Button;
+