fix: fix input style prop typing

example/App.tsx

@@ -18,7 +18,15 @@ function App(): React.JSX.Element {
       </View>
       <View style={styles.content}>
         <Text style={styles.label}>Advanced OTP</Text>
-        <OTP onConfirm={(code: number) => console.log(code)} length={6} />
+        <OTP
+          onConfirm={(code: number) => console.log(code)}
+          length={6}
+          inputStyle={{
+            height: 48,
+            width: 48,
+            borderRadius: 48,
+          }}
+        />
       </View>
     </SafeAreaView>
   );

src/components/OTP.types.ts

@@ -1,11 +1,11 @@
-import {ViewStyle} from 'react-native';
+import { TextStyle, StyleProp, ViewStyle } from 'react-native';
 
 export type OTPProps = {
   length?: number;
   fillBorderColor?: string;
   enabledFillShadow?: boolean;
   cursorColor?: string;
   selectionColor?: string;
-  inputStyle?: ViewStyle;
+  inputStyle?: TextStyle | StyleProp<ViewStyle>;
   onConfirm: (code: number) => void;
 };

src/index.d.ts

@@ -1,17 +1,17 @@
 declare module '@mustapha-ghlissi/react-native-otp' {
   import React from 'react';
-  import {ViewStyle} from 'react-native';
+  import { TextStyle, StyleProp, ViewStyle } from 'react-native';
 
   export type OTPProps = {
     length?: number;
     fillBorderColor?: string;
     enabledFillShadow?: boolean;
     cursorColor?: string;
     selectionColor?: string;
-    inputStyle?: ViewStyle;
+    inputStyle?: TextStyle | StyleProp<ViewStyle>;
     onConfirm: (code: number) => void;
   };
-  
+
   const OTP: React.FC<OTPProps>;
   export default OTP;
 }