add global toast type

Author: Pawan Kumar

example/index.d.ts

@@ -0,0 +1,9 @@
+type Toast = React.RefObject<
+  import('react-native-magnus').SnackbarRef
+>['current'];
+
+declare global {
+  const toast: Toast;
+}
+
+declare var toast: Toast;

example/src/components/Snackbar.tsx

@@ -17,7 +17,7 @@ const SnackbarComponent: React.FC = () => {
             block
             p="lg"
             onPress={() => {
-              (global as any).toast.show('Hello World', {
+              toast?.show('Hello World', {
                 duration: 5000,
                 suffix: (
                   <Button bg="green500" fontSize="sm" p="sm" px="md">

example/src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 import { NavigationContainer } from '@react-navigation/native';
-import { Snackbar, SnackbarRef, ThemeProvider } from 'react-native-magnus';
+import { Snackbar, ThemeProvider } from 'react-native-magnus';
 import AppLoading from 'expo-app-loading';
 import { useFonts } from 'expo-font';
 
@@ -60,7 +60,7 @@ const App = () => {
         <Snackbar
           px="xl"
           py="lg"
-          ref={(ref) => ((global as any).toast = ref)}
+          ref={(ref) => (global.toast = ref)}
           color="white"
           fontSize="lg"
           duration={2000}