From aa87c700715290c7c657337263a69763a9b3f3d3 Mon Sep 17 00:00:00 2001
From: Enes <enesozturk.d@gmail.com>
Date: Sat, 15 May 2021 22:16:09 +0300
Subject: [PATCH] fix: typo for separator word that missed on rebase (#26)

* fix: typo for separator word that missed on rebase

* chore: update wrong separator words
---
 example/src/screens/Playground/Playground.tsx       |   2 +-
 src/components/menu/MenuItem.tsx                    |   2 +-
 src/components/menu/Separator.tsx                   |  10 +++++-----
 website/docs/examples.md                            |   4 ++--
 website/docs/props.md                               |   2 +-
 website/docs/usage.md                               |   2 +-
 ...t-with-seperator.png => list-with-separator.png} | Bin
 7 files changed, 11 insertions(+), 11 deletions(-)
 rename website/static/img/examples/{list-with-seperator.png => list-with-separator.png} (100%)

diff --git a/example/src/screens/Playground/Playground.tsx b/example/src/screens/Playground/Playground.tsx
index 51d5872..fe13cbc 100644
--- a/example/src/screens/Playground/Playground.tsx
+++ b/example/src/screens/Playground/Playground.tsx
@@ -44,7 +44,7 @@ const Playground = ({}: PlaygroundProps) => {
         console.log('[ACTION]: Delete');
       },
       icon: 'trash',
-      withSeperator: true,
+      withSeparator: true,
       isDestructive: true,
     },
     {
diff --git a/src/components/menu/MenuItem.tsx b/src/components/menu/MenuItem.tsx
index 29f7c33..9c577eb 100644
--- a/src/components/menu/MenuItem.tsx
+++ b/src/components/menu/MenuItem.tsx
@@ -88,7 +88,7 @@ const MenuItemComponent = ({ item, isLast }: MenuItemComponentProps) => {
           <AnimatedIcon name={item.icon} size={18} style={iconStyle} />
         )}
       </AnimatedTouchable>
-      {item.withSeperator && <Seperator />}
+      {item.withSeparator && <Separator />}
     </>
   );
 };
diff --git a/src/components/menu/Separator.tsx b/src/components/menu/Separator.tsx
index 5d5f648..eb43cb8 100644
--- a/src/components/menu/Separator.tsx
+++ b/src/components/menu/Separator.tsx
@@ -5,23 +5,23 @@ import { useInternal } from '../../hooks';
 
 import { BORDER_LIGHT_COLOR, BORDER_DARK_COLOR } from './constants';
 
-const Seperator = () => {
+const Separator = () => {
   const { theme } = useInternal();
 
-  const seperatorStyles = useAnimatedStyle(() => {
+  const separatorStyles = useAnimatedStyle(() => {
     return {
       backgroundColor:
         theme.value === 'dark' ? BORDER_DARK_COLOR : BORDER_LIGHT_COLOR,
     };
   }, [theme]);
 
-  return <Animated.View style={[styles.seperator, { ...seperatorStyles }]} />;
+  return <Animated.View style={[styles.separator, { ...separatorStyles }]} />;
 };
 
-export default memo(Seperator);
+export default memo(Separator);
 
 const styles = StyleSheet.create({
-  seperator: {
+  separator: {
     width: '100%',
     height: 8,
   },
diff --git a/website/docs/examples.md b/website/docs/examples.md
index 4cbfa21..514e0ee 100644
--- a/website/docs/examples.md
+++ b/website/docs/examples.md
@@ -47,7 +47,7 @@ If you want to see full examples in your phone or simulator, you can clone [this
 
 ![list-with-title](/img/examples/list-with-title.png)
 
-### List with seperator
+### List with separator
 
 **Code**
 
@@ -65,7 +65,7 @@ If you want to see full examples in your phone or simulator, you can clone [this
 
 **Result**
 
-![list-with-seperator](/img/examples/list-with-seperator.png)
+![list-with-separator](/img/examples/list-with-separator.png)
 
 ### List with destructive button
 
diff --git a/website/docs/props.md b/website/docs/props.md
index de06553..dae10de 100644
--- a/website/docs/props.md
+++ b/website/docs/props.md
@@ -17,7 +17,7 @@ Array of menu items.
 | onPress       | function | YES      |
 | isTitle       | boolean  | NO       |
 | isDestructive | boolean  | NO       |
-| withSeperator | boolean  | NO       |
+| withSeparator | boolean  | NO       |
 
 #### Example
 
diff --git a/website/docs/usage.md b/website/docs/usage.md
index b594ed9..db0c454 100644
--- a/website/docs/usage.md
+++ b/website/docs/usage.md
@@ -59,7 +59,7 @@ import styles from './styles';
 const MenuItems = [
   { text: 'Actions', icon: 'home', isTitle: true, onPress: () => {} },
   { text: 'Action 1', icon: 'edit', onPress: () => {} },
-  { text: 'Action 2', icon: 'map-pin', withSeperator: true, onPress: () => {} },
+  { text: 'Action 2', icon: 'map-pin', withSeparator: true, onPress: () => {} },
   { text: 'Action 3', icon: 'trash', isDestructive: true, onPress: () => {} },
 ];
 
diff --git a/website/static/img/examples/list-with-seperator.png b/website/static/img/examples/list-with-separator.png
similarity index 100%
rename from website/static/img/examples/list-with-seperator.png
rename to website/static/img/examples/list-with-separator.png