fix: refactor export statements in main file

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated-zoomable",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "[React Native | TypeScript | Reanimated] Pure TS component that offers zooming and dragging functionalities for its child components. It seamlessly operates on both Android and iOS platforms.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -157,6 +157,6 @@
     ]
   },
   "dependencies": {
-    "react-native-reanimated": "^3.11.0"
+    "react-native-reanimated": "^2.0.0"
   }
 }

src/components/Zoomable.tsx

@@ -16,16 +16,17 @@ import Animated, {
   useAnimatedStyle,
   useSharedValue,
   withTiming,
+  type AnimateStyle,
+  type AnimatedStyleProp,
 } from 'react-native-reanimated';
-import { AnimatedView } from 'react-native-reanimated/lib/typescript/reanimated2/component/View';
 import { isAndroid } from '../utils/platform';
 
 export interface ZoomableRef {
   setValues(_: { scale?: number; translate?: { x: number; y: number } }): void;
 }
 
 type ZoomableProps = PropsWithChildren<{
-  style?: ViewStyle;
+  style?: AnimateStyle<ViewStyle>;
   initialScale?: number;
   maxScale?: number;
   threshold?: number;
@@ -90,7 +91,7 @@ const Zoomable = (
   const translateX = useSharedValue<number>(0);
   const translateY = useSharedValue<number>(0);
 
-  const containerView = useRef<AnimatedView>();
+  const containerView = useRef<Animated.View>();
   const layout = useRef<Layout>();
   const lastTransform = useRef({
     scale: initialScale,
@@ -220,7 +221,6 @@ const Zoomable = (
           if (disablePanResponderReleaseAction) {
             return;
           }
-
           if (isZoom.current) {
             // if it was a zoom gesture, do not trigger any animation
             isZoom.current = false;
@@ -294,7 +294,7 @@ const Zoomable = (
         { translateY: translateY.value },
         { scale: scale.value },
       ],
-    };
+    } as AnimatedStyleProp<ViewStyle>;
   }, [scale, translateX, translateY]);
 
   useImperativeHandle(ref, () => ({
@@ -330,7 +330,7 @@ const Zoomable = (
   return (
     <Animated.View
       ref={(zoomableViewRef) => {
-        containerView.current = zoomableViewRef as AnimatedView;
+        containerView.current = zoomableViewRef as Animated.View;
       }}
       style={[style, style?.transform ? {} : animStyle]}
       {...panResponder?.panHandlers}

src/index.tsx

@@ -1,4 +1,3 @@
 import { Zoomable, type ZoomableRef } from './components/Zoomable';
 
-export default Zoomable;
-export type { ZoomableRef };
+export { Zoomable, type ZoomableRef };