From e7dd2358d005053d583c3f71cdfc9c9f93e20dc7 Mon Sep 17 00:00:00 2001
From: Isabelle Viktoria Maciohsek <maciv@hotmail.gr>
Date: Sun, 6 Sep 2020 14:48:13 +0300
Subject: [PATCH] Update Toggle

---
 snippets/Toggle.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/snippets/Toggle.md b/snippets/Toggle.md
index fdd1ec0fc..41c378b99 100644
--- a/snippets/Toggle.md
+++ b/snippets/Toggle.md
@@ -5,14 +5,14 @@ tags: components,state,beginner
 
 Renders a toggle component.
 
-- Use the `React.useState()` to initialize the `isToggleOn` state variable to `false`.
+- Use the `React.useState()` to initialize the `isToggleOn` state variable to `defaultToggled`.
 - Use an object, `style`, to hold the styles for individual components and their states.
 - Return a `<button>` that alters the component's `isToggledOn` when its `onClick` event is fired and determine the appearance of the content based on `isToggleOn`, applying the appropriate CSS rules from the `style` object.
 
 ```jsx
-function Toggle(props) {
-  const [isToggleOn, setIsToggleOn] = React.useState(false);
-  style = {
+const Toggle = ({ defaultToggled = false }) => {
+  const [isToggleOn, setIsToggleOn] = React.useState(defaultToggled);
+  const style = {
     on: {
       backgroundColor: 'green'
     },
@@ -26,7 +26,7 @@ function Toggle(props) {
       {isToggleOn ? 'ON' : 'OFF'}
     </button>
   );
-}
+};
 ```
 
 ```jsx