diff --git a/example/babel.config.js b/example/babel.config.js
index b85e43d..623d3b9 100644
--- a/example/babel.config.js
+++ b/example/babel.config.js
@@ -17,6 +17,7 @@ module.exports = function (api) {
           },
         },
       ],
+      'react-native-reanimated/plugin',
     ],
   };
 };
diff --git a/example/package.json b/example/package.json
index a1da854..7d2b0d9 100644
--- a/example/package.json
+++ b/example/package.json
@@ -14,6 +14,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.72.4",
+    "react-native-gesture-handler": "~2.12.0",
+    "react-native-reanimated": "~3.3.0",
     "react-native-web": "~0.19.6"
   },
   "devDependencies": {
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 8d9bd59..987398b 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -1,28 +1,24 @@
 import React, { useRef } from 'react';
 
-import { StyleSheet, Button, View } from 'react-native';
-// import ScreenWrapper from './ScreenWrapper';
-// import UzaversePayModal from './Modal';
-// import UzaversePaySheetModal from './utils';
+import { StyleSheet, Button } from 'react-native';
+import {
+  UPScreenWrapper,
+  UPModal,
+  UPBottomSheetModal,
+} from 'react-native-uzaverse-pay';
 
 export default function App() {
-  // const bottomSheetModalRef = useRef<UzaversePaySheetModal>(null);
+  const upModalRef = useRef<UPBottomSheetModal>(null);
 
-  // function openModal() {
-  //   bottomSheetModalRef.current?.present();
-  // }
-
-  // return (
-  //   <ScreenWrapper style={styles.container}>
-  //     <Button title="Donate" onPress={openModal} />
-  //     <UzaversePayModal ref={bottomSheetModalRef} style={styles.sheetStyle} />
-  //   </ScreenWrapper>
-  // );
+  function openModal() {
+    upModalRef.current?.present();
+  }
 
   return (
-    <View style={styles.container}>
-      <Button title="Don" />
-    </View>
+    <UPScreenWrapper style={styles.container}>
+      <Button title="Donate" onPress={openModal} />
+      <UPModal ref={upModalRef} style={styles.sheetStyle} />
+    </UPScreenWrapper>
   );
 }
 
diff --git a/example/yarn.lock b/example/yarn.lock
index 191e75b..d23a745 100644
--- a/example/yarn.lock
+++ b/example/yarn.lock
@@ -787,6 +787,13 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
+"@babel/plugin-transform-object-assign@^7.16.7":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-assign/-/plugin-transform-object-assign-7.22.5.tgz#290c1b9555dcea48bb2c29ad94237777600d04f9"
+  integrity sha512-iDhx9ARkXq4vhZ2CYOSnQXkmxkDgosLi3J8Z17mKz7LyzthtkdVchLD7WZ3aXeCuvJDOW3+1I5TpJmwIbF9MKQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-object-rest-spread@^7.22.5":
   version "7.22.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.11.tgz#dbbb06ce783cd994a8f430d8cefa553e9b42ca62"
@@ -1095,7 +1102,7 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-typescript@^7.13.0":
+"@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.7":
   version "7.22.11"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.22.11.tgz#f218cd0345524ac888aa3dc32f029de5b064b575"
   integrity sha512-tWY5wyCZYBGY7IlalfKI1rLiGlIfnwsRHZqlky0HVv8qviwQ1Uo/05M6+s+TcTCVa6Bmoo2uJW5TMFX6Wa4qVg==
@@ -1163,6 +1170,13 @@
     "@babel/helper-validator-identifier" "^7.22.5"
     to-fast-properties "^2.0.0"
 
+"@egjs/hammerjs@^2.0.17":
+  version "2.0.17"
+  resolved "https://registry.yarnpkg.com/@egjs/hammerjs/-/hammerjs-2.0.17.tgz#5dc02af75a6a06e4c2db0202cae38c9263895124"
+  integrity sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==
+  dependencies:
+    "@types/hammerjs" "^2.0.36"
+
 "@expo/bunyan@4.0.0", "@expo/bunyan@^4.0.0":
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/@expo/bunyan/-/bunyan-4.0.0.tgz#be0c1de943c7987a9fbd309ea0b1acd605890c7b"
@@ -2044,6 +2058,11 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
+"@types/hammerjs@^2.0.36":
+  version "2.0.41"
+  resolved "https://registry.yarnpkg.com/@types/hammerjs/-/hammerjs-2.0.41.tgz#f6ecf57d1b12d2befcce00e928a6a097c22980aa"
+  integrity sha512-ewXv/ceBaJprikMcxCmWU1FKyMAQ2X7a9Gtmzw8fcg2kIePI1crERDM818W+XYrxqdBBOdlf2rm137bU+BltCA==
+
 "@types/html-minifier-terser@^6.0.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
@@ -3298,6 +3317,11 @@ convert-source-map@^1.7.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
 cookie-signature@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
@@ -4561,6 +4585,13 @@ hermes-profile-transformer@^0.0.6:
   dependencies:
     source-map "^0.7.3"
 
+hoist-non-react-statics@^3.3.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 hosted-git-info@^3.0.2:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-3.0.8.tgz#6e35d4cc87af2c5f816e4cb9ce350ba87a3f370d"
@@ -6850,7 +6881,7 @@ prompts@^2.3.2, prompts@^2.4.0:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@*:
+prop-types@*, prop-types@^15.7.2:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -6972,7 +7003,7 @@ react-dom@18.2.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-is@^16.13.1:
+react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -6982,6 +7013,27 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
+react-native-gesture-handler@~2.12.0:
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-2.12.1.tgz#f11a99fb95169810c6886fad5efa01a17fd81660"
+  integrity sha512-deqh36bw82CFUV9EC4tTo2PP1i9HfCOORGS3Zmv71UYhEZEHkzZv18IZNPB+2Awzj45vLIidZxGYGFxHlDSQ5A==
+  dependencies:
+    "@egjs/hammerjs" "^2.0.17"
+    hoist-non-react-statics "^3.3.0"
+    invariant "^2.2.4"
+    lodash "^4.17.21"
+    prop-types "^15.7.2"
+
+react-native-reanimated@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.3.0.tgz#80f9d58e28fddf62fe4c1bc792337b8ab57936ab"
+  integrity sha512-LzfpPZ1qXBGy5BcUHqw3pBC0qSd22qXS3t8hWSbozXNrBkzMhhOrcILE/nEg/PHpNNp1xvGOW8NwpAMF006roQ==
+  dependencies:
+    "@babel/plugin-transform-object-assign" "^7.16.7"
+    "@babel/preset-typescript" "^7.16.7"
+    convert-source-map "^2.0.0"
+    invariant "^2.2.4"
+
 react-native-web@~0.19.6:
   version "0.19.8"
   resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.19.8.tgz#46127f8b310148fde11e4fef67fe625603599d47"
diff --git a/src/components/Modal.tsx b/src/components/UPModal.tsx
similarity index 74%
rename from src/components/Modal.tsx
rename to src/components/UPModal.tsx
index 5fbdbee..2a86efe 100644
--- a/src/components/Modal.tsx
+++ b/src/components/UPModal.tsx
@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { UzaversePaySheetContent } from 'react-native-uzaverse-pay';
+import UPModalContent from './UPModalContent';
 import { BottomSheetModal } from '@gorhom/bottom-sheet';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { BottomSheetModalMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
@@ -10,7 +10,7 @@ type PropsTypes = {
   >;
 };
 
-const UzaversePayModal = forwardRef<BottomSheetModalMethods, PropsTypes>(
+const UPModal = forwardRef<BottomSheetModalMethods, PropsTypes>(
   (props: PropsTypes, ref) => {
     const snapPoints = ['25%', '48%'];
 
@@ -21,10 +21,10 @@ const UzaversePayModal = forwardRef<BottomSheetModalMethods, PropsTypes>(
         index={1}
         backgroundStyle={props.style}
       >
-        <UzaversePaySheetContent />
+        <UPModalContent />
       </BottomSheetModal>
     );
   }
 );
 
-export default UzaversePayModal;
+export default UPModal;
diff --git a/src/components/SheetContent.tsx b/src/components/UPModalContent.tsx
similarity index 91%
rename from src/components/SheetContent.tsx
rename to src/components/UPModalContent.tsx
index a87715c..29fb8dc 100644
--- a/src/components/SheetContent.tsx
+++ b/src/components/UPModalContent.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 
-export default function SheetContent() {
+export default function UPModalContent() {
   return (
     <View style={styles.container}>
       <Text style={styles.text}>UzaversePay</Text>
diff --git a/src/components/ScreenWrapper.tsx b/src/components/UPScreenWrapper.tsx
similarity index 86%
rename from src/components/ScreenWrapper.tsx
rename to src/components/UPScreenWrapper.tsx
index 39242bf..f1b0fcd 100644
--- a/src/components/ScreenWrapper.tsx
+++ b/src/components/UPScreenWrapper.tsx
@@ -8,7 +8,7 @@ type PropsType = {
   children: ReactNode;
 };
 
-const ScreenWrapper = (props: PropsType) => {
+const UPScreenWrapper = (props: PropsType) => {
   return (
     <GestureHandlerRootView style={props.style}>
       <BottomSheetModalProvider>{props.children}</BottomSheetModalProvider>
@@ -16,4 +16,4 @@ const ScreenWrapper = (props: PropsType) => {
   );
 };
 
-export default ScreenWrapper;
+export default UPScreenWrapper;
diff --git a/src/components/utils.ts b/src/components/utils.ts
deleted file mode 100644
index 05d580d..0000000
--- a/src/components/utils.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import UzaversePaySheetModal from './BottomSheetModal';
-
-export default UzaversePaySheetModal;
diff --git a/src/index.tsx b/src/index.tsx
index 65fb3f9..0e51b32 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,5 @@
-import UzaversePaySheetContent from './components/SheetContent';
-import UzaversePayScreenWrapper from '../example/src/ScreenWrapper';
+import UPScreenWrapper from './components/UPScreenWrapper';
+import UPModal from './components/UPModal';
+import UPBottomSheetModal from './utils';
 
-export { UzaversePaySheetContent, UzaversePayScreenWrapper };
+export { UPModal, UPScreenWrapper, UPBottomSheetModal };
diff --git a/src/utils.ts b/src/utils.ts
new file mode 100644
index 0000000..48da00b
--- /dev/null
+++ b/src/utils.ts
@@ -0,0 +1,3 @@
+import UPBottomSheetModal from './components/BottomSheetModal';
+
+export default UPBottomSheetModal;