diff --git a/toggle-btn/src/components/toggle-button.jsx b/toggle-btn/src/components/toggle-button.jsx
index 3b54275..bedf94b 100644
--- a/toggle-btn/src/components/toggle-button.jsx
+++ b/toggle-btn/src/components/toggle-button.jsx
@@ -2,21 +2,24 @@ import React from 'react';
import PropTypes from 'prop-types';
const ToggleBtn = (props) => {
//destructuring
- const {btnState,btnTrue,btnFalse,descTrue,descFalse,btnOnClick} = props;
+ const { btnState, btnTrue, btnFalse, descTrue, descFalse, btnOnClick } =
+ props;
//render
return (
<>
-
- {btnState===false?descFalse:descTrue}
+
+ {btnState === false ? descFalse : descTrue}
>
);
};
export default ToggleBtn;
ToggleBtn.propTypes = {
+ btnState: PropTypes.bool,
btnTrue: PropTypes.string,
btnFalse: PropTypes.string,
descTrue: PropTypes.string,
descFalse: PropTypes.string,
+ btnOnClick: PropTypes.func
};
diff --git a/toggle-btn/src/pages/home.jsx b/toggle-btn/src/pages/home.jsx
index bb53fdb..c7e01ca 100644
--- a/toggle-btn/src/pages/home.jsx
+++ b/toggle-btn/src/pages/home.jsx
@@ -5,7 +5,6 @@ import ToggleButton from '../components/toggle-button';
const Home = () => {
//handle state
const [btnState,setBtnState]=useState(false);
- //toggle
const toggle=()=>{
setBtnState((btnState)=>!btnState);
};