From fd5fa0cbb8d14718dfdd3fb26149f0a77a0e4fbc Mon Sep 17 00:00:00 2001
From: Yuriy Ivanenko <yuriy.ivanenko@powerhrg.com>
Date: Mon, 10 Jun 2024 09:49:40 -0400
Subject: [PATCH] All Tests Pass

---
 src/components/EyesOnMe.js | 14 ++++++++++++++
 src/components/Keypad.js   | 12 ++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/EyesOnMe.js b/src/components/EyesOnMe.js
index 5880cb9d..595f617a 100644
--- a/src/components/EyesOnMe.js
+++ b/src/components/EyesOnMe.js
@@ -1 +1,15 @@
 // Code EyesOnMe Component Here
+
+function EyesOnMe (){
+
+  const handleFocus = () => console.log('Good!')
+  const handleBlur = () => console.log('Hey! Eyes on me!')
+  
+  return (
+      <div>
+        <button onFocus={handleFocus} onBlur={handleBlur}>Eyes on me</button>
+      </div>
+  )
+}
+
+export default EyesOnMe;
diff --git a/src/components/Keypad.js b/src/components/Keypad.js
index 4160fb31..c232c4a3 100644
--- a/src/components/Keypad.js
+++ b/src/components/Keypad.js
@@ -1,9 +1,17 @@
 // Code Keypad Component Here
 
 function Keypad (){
+
+    const handleChange = (e) => {
+        console.log("Entering password...")
+    }
+
     return (
-        <div></div>
+        <div>
+            <p>Password</p>
+            <input type="password" onChange={handleChange}/>
+        </div>
     )
 }
 
-export default Keypad;
\ No newline at end of file
+export default Keypad;