diff --git a/package.json b/package.json
index f11cac6..57a2a65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-animated-blur-view",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Animated blur effect of the view",
   "main": "src/index",
   "types": "src/index.d.ts",
diff --git a/src/AnimatedBlurVIew.tsx b/src/AnimatedBlurVIew.tsx
deleted file mode 100644
index c6019a5..0000000
--- a/src/AnimatedBlurVIew.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, {
-  forwardRef,
-  ForwardRefRenderFunction,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from "react";
-import { StyleProp, View, ViewStyle } from "react-native";
-import { StyleSheet } from "react-native";
-import WebView from "react-native-webview";
-
-export type Props = {
-  blurStart: number;
-  blurEnd: number;
-  animationDuration: number;
-  style?: StyleProp<ViewStyle>;
-  gradient?: boolean;
-};
-
-export interface AnimatedBlurViewMethods {
-  start: (show: boolean, cb?: () => void) => void;
-  reset: (show: boolean) => void;
-}
-
-const STYLE = `
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    top: 0px;
-    right: 0px;
-    background-color: rgba(0, 0, 0, 0);
-  `;
-
-const GRADIENT_STYLE = `
-    position: absolute;
-    bottom: 0px;
-    left: 0px;
-    top: 0px;
-    right: 0px;
-    background-color: rgba(0, 0, 0, 0);
-    -webkit-mask: linear-gradient(#000, #000, transparent);
-    mask: linear-gradient(#000, #000, transparent);
-  `;
-
-const AnimatedBlurView: ForwardRefRenderFunction<
-  AnimatedBlurViewMethods,
-  Props
-> = ({ style, blurStart, blurEnd, gradient, animationDuration }, ref) => {
-  const [extraStyles, setExtraStyles] = useState(`
-      -webkit-backdrop-filter: blur(${blurStart}px);
-      backdrop-filter: blur(${blurStart}px);
-    `);
-  const blurStates = useMemo(() => {
-    return {
-      visibleAnimate: `
-          -webkit-backdrop-filter: blur(${blurEnd}px);
-          backdrop-filter: blur(${blurEnd}px);
-          animation: backdrop-filter-animation ${animationDuration}s ease;
-        `,
-      hiddenAnimate: `
-          -webkit-backdrop-filter: blur(${blurStart}px);
-          backdrop-filter: blur(${blurStart}px);
-          animation: backdrop-filter-animation ${animationDuration}s ease;
-          animation-direction: reverse;
-        `,
-      visible: `
-          -webkit-backdrop-filter: blur(${blurEnd}px);
-          backdrop-filter: blur(${blurEnd}px);
-        `,
-      hidden: `
-          -webkit-backdrop-filter: blur(${blurStart}px);
-          backdrop-filter: blur(${blurStart}px);
-        `,
-    };
-  }, [blurStart, blurEnd, animationDuration]);
-
-  useImperativeHandle(
-    ref,
-    () => {
-      return {
-        start: (show: boolean, cb?: () => void) => {
-          setExtraStyles(
-            show ? blurStates.visibleAnimate : blurStates.hiddenAnimate
-          );
-          setTimeout(() => {
-            cb && cb();
-          }, animationDuration * 1000);
-        },
-        reset: (show: boolean) => {
-          setExtraStyles(
-            show ? blurStates.visibleAnimate : blurStates.hiddenAnimate
-          );
-        },
-      };
-    },
-    [blurStates, animationDuration]
-  );
-
-  return (
-    <View style={style} pointerEvents="none">
-      <WebView
-        source={{
-          html: `
-                <style>
-                  div {
-                    ${gradient ? GRADIENT_STYLE : STYLE}
-                    ${extraStyles};
-                  }
-                  @keyframes backdrop-filter-animation {
-                    from {
-                       backdrop-filter: blur(${blurStart}px);
-                       -webkit-backdrop-filter: blur(${blurStart}px);
-                    }
-                    to {
-                       backdrop-filter: blur(${blurEnd}px);
-                       -webkit-backdrop-filter: blur(${blurEnd}px);
-                    }
-                  }
-                </style>
-                <div />
-              `,
-        }}
-        style={styles.webView}
-      />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  webView: {
-    backgroundColor: "transparent",
-  },
-});
-
-export default forwardRef<AnimatedBlurViewMethods, Props>(AnimatedBlurView);
diff --git a/src/index.tsx b/src/index.tsx
index 3539834..edd84d6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1 +1,135 @@
-export * from "./AnimatedBlurView";
+import React, {
+  forwardRef,
+  ForwardRefRenderFunction,
+  useImperativeHandle,
+  useMemo,
+  useState,
+} from "react";
+import { StyleProp, View, ViewStyle } from "react-native";
+import { StyleSheet } from "react-native";
+import WebView from "react-native-webview";
+
+export type Props = {
+  blurStart: number;
+  blurEnd: number;
+  animationDuration: number;
+  style?: StyleProp<ViewStyle>;
+  gradient?: boolean;
+};
+
+export interface AnimatedBlurViewMethods {
+  start: (show: boolean, cb?: () => void) => void;
+  reset: (show: boolean) => void;
+}
+
+const STYLE = `
+      position: absolute;
+      bottom: 0px;
+      left: 0px;
+      top: 0px;
+      right: 0px;
+      background-color: rgba(0, 0, 0, 0);
+    `;
+
+const GRADIENT_STYLE = `
+      position: absolute;
+      bottom: 0px;
+      left: 0px;
+      top: 0px;
+      right: 0px;
+      background-color: rgba(0, 0, 0, 0);
+      -webkit-mask: linear-gradient(#000, #000, transparent);
+      mask: linear-gradient(#000, #000, transparent);
+    `;
+
+const AnimatedBlurView: ForwardRefRenderFunction<
+  AnimatedBlurViewMethods,
+  Props
+> = ({ style, blurStart, blurEnd, gradient, animationDuration }, ref) => {
+  const [extraStyles, setExtraStyles] = useState(`
+        -webkit-backdrop-filter: blur(${blurStart}px);
+        backdrop-filter: blur(${blurStart}px);
+      `);
+  const blurStates = useMemo(() => {
+    return {
+      visibleAnimate: `
+            -webkit-backdrop-filter: blur(${blurEnd}px);
+            backdrop-filter: blur(${blurEnd}px);
+            animation: backdrop-filter-animation ${animationDuration}s ease;
+          `,
+      hiddenAnimate: `
+            -webkit-backdrop-filter: blur(${blurStart}px);
+            backdrop-filter: blur(${blurStart}px);
+            animation: backdrop-filter-animation ${animationDuration}s ease;
+            animation-direction: reverse;
+          `,
+      visible: `
+            -webkit-backdrop-filter: blur(${blurEnd}px);
+            backdrop-filter: blur(${blurEnd}px);
+          `,
+      hidden: `
+            -webkit-backdrop-filter: blur(${blurStart}px);
+            backdrop-filter: blur(${blurStart}px);
+          `,
+    };
+  }, [blurStart, blurEnd, animationDuration]);
+
+  useImperativeHandle(
+    ref,
+    () => {
+      return {
+        start: (show: boolean, cb?: () => void) => {
+          setExtraStyles(
+            show ? blurStates.visibleAnimate : blurStates.hiddenAnimate
+          );
+          setTimeout(() => {
+            cb && cb();
+          }, animationDuration * 1000);
+        },
+        reset: (show: boolean) => {
+          setExtraStyles(
+            show ? blurStates.visibleAnimate : blurStates.hiddenAnimate
+          );
+        },
+      };
+    },
+    [blurStates, animationDuration]
+  );
+
+  return (
+    <View style={style} pointerEvents="none">
+      <WebView
+        source={{
+          html: `
+                  <style>
+                    div {
+                      ${gradient ? GRADIENT_STYLE : STYLE}
+                      ${extraStyles};
+                    }
+                    @keyframes backdrop-filter-animation {
+                      from {
+                         backdrop-filter: blur(${blurStart}px);
+                         -webkit-backdrop-filter: blur(${blurStart}px);
+                      }
+                      to {
+                         backdrop-filter: blur(${blurEnd}px);
+                         -webkit-backdrop-filter: blur(${blurEnd}px);
+                      }
+                    }
+                  </style>
+                  <div />
+                `,
+        }}
+        style={styles.webView}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  webView: {
+    backgroundColor: "transparent",
+  },
+});
+
+export default forwardRef<AnimatedBlurViewMethods, Props>(AnimatedBlurView);