fix color literals in example

Author: testshallpass

example/App.tsx

@@ -187,30 +187,34 @@ export default function App(): React.JSX.Element {
         thumbnails={ThumbnailItems}
         toggle={func => (toggleRef.current = func)}
         onSelect={item => setSelected(item)}
+        activeColor={color.red}
       />
     </SafeAreaView>
   );
 }
 
+const color = {
+  black: 'black',
+  red: 'red',
+  whitesmoke: 'whitesmoke',
+}
+
 const styles = StyleSheet.create({
-  // eslint-disable-next-line react-native/no-color-literals
   button: {
-    backgroundColor: 'black',
+    backgroundColor: color.black,
     borderRadius: 6,
     borderWidth: 1,
     margin: 16,
     padding: 16,
   },
-  // eslint-disable-next-line react-native/no-color-literals
   buttonText: {
-    color: 'whitesmoke',
+    color: color.whitesmoke,
     fontSize: 18,
     fontWeight: 'bold',
     textAlign: 'center',
   },
-  // eslint-disable-next-line react-native/no-color-literals
   safeAreaView: {
-    backgroundColor: 'whitesmoke',
+    backgroundColor: color.whitesmoke,
     flex: 1,
   },
 });

example/Example.tsx

@@ -4,7 +4,7 @@ import { Button } from 'react-native';
 // Step 1: Import ThumbnailSelector.
 import ThumbnailSelector from 'react-native-thumbnail-selector';
 
-// Step 2: Define one or more thumbnails.
+// Step 2: Define one or more thumbnails like below.
 const Thumbnails = [
   {
     caption: 'Caption 1',
@@ -22,9 +22,10 @@ export default function App(): React.JSX.Element {
 
   return (
     <>
-      {/* Step 4: Depending on your use case, use toggleRef to open and close ThumbnailSelector. */}
+      {/* Step 4: Depending on your use case, use toggleRef to open and close the ThumbnailSelector. */}
       <Button title={'Toggle'} onPress={() => toggleRef.current()} />
-      {/* Step 5: Add ThumbnailSelector at last position in document tree so it overlaps other elements. */}
+      {/* Step 5: Add ThumbnailSelector at last position in document tree so it overlaps other components. */}
+      {/* Step 6: Define the thumbnails and toggle props like below. */}
       <ThumbnailSelector
         thumbnails={Thumbnails}
         toggle={func => (toggleRef.current = func)}