Global present method on bottom sheet modal

[ndayishimiyeeric]

It would be to nice and helpful to have global present method on bottom sheet modal

For example:

1. define a bottom sheet modal component

import { View, Text, StyleSheet, Button } from 'react-native';
import {
  BottomSheetModal,
  BottomSheetView,
  BottomSheetModalProvider,
} from '@gorhom/bottom-sheet';

export const SHEET_NAME = "cool-sheet"

const CoolSheet = () => {
  return (
          <BottomSheetModal
            ref={bottomSheetModalRef}
            name={SHEET_NAME}
            onChange={handleSheetChanges}
          >
            <BottomSheetView style={styles.contentContainer}>
              <Text>Awesome 🎉</Text>
            </BottomSheetView>
        </BottomSheetModal>
  );
};

2. render component in your app

import { GestureHandlerRootView } from 'react-native-gesture-handler';
import {
  BottomSheetModalProvider,
} from '@gorhom/bottom-sheet';
import {CoolSheet} from "components"

export default function App () {
  return (
      <GestureHandlerRootView style={styles.container}>
        <BottomSheetModalProvider>
          <CoolSheet/>
        </BottomSheetModalProvider>
    </GestureHandlerRootView>
  );
};

3. present some where in your app

import React from 'react';
import { View, Button } from 'react-native';
import { useBottomSheetModal } from '@gorhom/bottom-sheet';
import {SHEET_NAME} from "components"

export default function CoolScreen() {
  const { dismiss, dismissAll, present } = useBottomSheetModal();

  return (
    <View>
      <Button onPress={present(SHEET_NAME)}>
    </View>
  )
}