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

@@ -44,7 +44,7 @@ const Playground = ({}: PlaygroundProps) => {
         console.log('[ACTION]: Delete');
       },
       icon: 'trash',
-      withSeperator: true,
+      withSeparator: true,
       isDestructive: true,
     },
     {

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 />}
     </>
   );
 };

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,
   },

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
 

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
 

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: () => {} },
 ];