✨ examples added

Author: pettiboy

ios/Podfile.lock

@@ -519,4 +519,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 2126ffbbdc07ffa06a809dbeeb492bf589bfdfad
 
-COCOAPODS: 1.10.1
+COCOAPODS: 1.11.2

src/App.tsx

@@ -1,20 +1,32 @@
 import React from 'react';
 import {SafeAreaView, ScrollView, StyleSheet} from 'react-native';
 import ButtonOutline from './Buttons/ButtonOutline/ButtonOutline';
+import {COLORS} from './Buttons/utils/colors';
 
 const App = () => {
   return (
-    <SafeAreaView style={styles.container}>
-      <ScrollView>
-        <ButtonOutline materialIcon={'done'} title={'Click'} />
+    <SafeAreaView>
+      <ScrollView style={styles.container}>
+        <ButtonOutline
+          materialIcon={'done'}
+          title={'Click'}
+          style={{margin: 10}}
+        />
+        <ButtonOutline
+          useColor={COLORS.GREEN}
+          materialIcon={'done'}
+          title={'Click'}
+          iconAlignRight
+          style={{margin: 10}}
+        />
       </ScrollView>
     </SafeAreaView>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
-    padding: 20,
+    padding: 30,
   },
 });
 

src/Buttons/ButtonOutline/ButtonOutline.tsx

@@ -76,12 +76,10 @@ const ButtonOutline: FunctionComponent<ButtonOutlineProps> = ({
 
     outlineText: {
       color: useColor, // same as main color
-      fontFamily: 'Nunito-SemiBold',
       textAlign: 'center',
     },
     outlineTextDisabled: {
       color: reduceOpacity(useColor, textOpacityReducer), // main color with less opacity
-      fontFamily: 'Nunito-SemiBold',
       textAlign: 'center',
     },
   });