From 15d50277e7bcbe3f96a560418a26f07f97d0c852 Mon Sep 17 00:00:00 2001
From: Mahf <lesecondary@yahoo.com>
Date: Wed, 6 Feb 2019 13:10:54 +0000
Subject: [PATCH] Revert "Add hooks version"

This reverts commit c9d1d1a898c436a3bc12c15523ada4a75563a1ba.
---
 snippets/PasswordRevealer.md | 35 +----------------------------------
 1 file changed, 1 insertion(+), 34 deletions(-)

diff --git a/snippets/PasswordRevealer.md b/snippets/PasswordRevealer.md
index bc973b696..731f1030b 100644
--- a/snippets/PasswordRevealer.md
+++ b/snippets/PasswordRevealer.md
@@ -2,8 +2,6 @@
 
 Renders a password input field with a reveal button.
 
-#### Class version
-
 Initially set `state.shown` to `false` to ensure that the password is not shown by default.
 Create a method, `toggleShown`, which uses `Component.prototype.setState` to change the input's state from shown to hidden and vice versa, bind it to the component's context.
 In the`render()` method, use a`<div>` to wrap both the`<input>` and the `<button>` element that toggles the type of the input field.
@@ -38,40 +36,9 @@ class PasswordRevealer extends React.Component {
 ```
 
 ```jsx
-ReactDOM.render(
-  <PasswordRevealer />,
-  document.getElementById('root')
-);
+ReactDOM.render(<PasswordRevealer />, document.getElementById('root'));
 ```
 
-#### Function version
-
-Initialize a state variable `shown` to denote whether or not the password is revealed. Set its initial value to `false`.
-In the `render()` method, return a `<div>` element wrapping the `<input>` element which holds the password and the `<button>` element which reveals or hides it. Bind the button's `onClick` event to the `setShown` function that switches the state variable `shown`'s value from `true` to `false` and vice versa.
-
-```jsx
-function PasswordRevealer() {
-  const [shown, setShown] = useState(false);
-
-  return (
-    <div>
-      <input type={shown ? 'text' : 'password'} />
-      <button onClick={() => setShown(!shown)}>
-        {shown ? 'Hide' : 'Show'}
-      </button>
-    </div>
-  )
-}
-```
-
-```jsx
-ReactDOM.render(
-  <PasswordRevealer />,
-  document.getElementById('root')
-);
-```
-
-
 <!--tags: input,state,class -->
 
 <!--expertise: 0 -->