import { Text, Stack } from 'tamagui';
import BottomSheet from '@gorhom/bottom-sheet';
import React, { useMemo, useRef } from 'react';

export default function Splash() {
  const sheetRef = useRef(null);
  const snapPoints = useMemo(() => ['25%', '50%'], []);

  return (
    <Stack f={1} bg="gray">
      <Text>Content of the Page</Text>
      <BottomSheet ref={sheetRef} index={0} snapPoints={snapPoints}>
        <Text>Content of the Bottom Sheet</Text>
      </BottomSheet>
    </Stack>
  );
}