jsx to function

Author: mmestiyak

README.md

@@ -44,7 +44,7 @@ npm i react-native-bouncy-checkbox
   - `iconStyle`
   - `bounceEffect`
   - `bounceFriction`
-  - `TextComponent`
+  - `textComponent`
 
 ## Import
 
@@ -79,7 +79,7 @@ import BouncyCheckbox from "react-native-bouncy-checkbox";
 | Property             |   Type    |     Default      | Description                                                                                                                                |
 | -------------------- | :-------: | :--------------: | ------------------------------------------------------------------------------------------------------------------------------------------ |
 | text                 |  string   |    undefined     | set the checkbox's text                                                                                                                    |
-| TextComponent                 |  component   |    undefined     | set the checkbox's text by a React Component                                                                                                                    |
+| textComponent                 |  component   |    undefined     | set the checkbox's text by a React Component                                                                                                                    |
 | onPress              | function  |       null       | set your own onPress functionality after the bounce effect, callback receives the next `isChecked` boolean if disableBuiltInState is false |
 | disableText          |  boolean  |      false       | if you want to use checkbox without text, you can enable it                                                                                |
 | size                 |  number   |        25        | size of `width` and `height` of the checkbox                                                                                               |

lib/BouncyCheckbox.tsx

@@ -18,7 +18,7 @@ export interface IBouncyCheckboxProps {
   style?: StyleProp<ViewStyle>;
   size?: number;
   text?: string;
-  TextComponent?: React.ElementType;
+  textComponent?: React.ElementType;
   iconStyle?: any;
   textStyle?: StyleProp<TextStyle>;
   fillColor?: string;
@@ -125,7 +125,7 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
   renderCheckboxText = () => {
     const {
       text,
-      TextComponent,
+      textComponent,
       isChecked,
       textStyle,
       textContainerStyle,
@@ -134,8 +134,8 @@ class BouncyCheckbox extends React.Component<IBouncyCheckboxProps, IState> {
     } = this.props;
     const { checked } = this.state;
     return (
-      !disableText && 
-      (TextComponent ? <TextComponent/> : (
+      !disableText &&
+      (textComponent || (
         <View style={[styles.textContainer, textContainerStyle]}>
           <Text
             style={[