feat: add BlankSheet example

Author: lodev09

example/src/App.tsx

@@ -3,7 +3,14 @@ import { Text, View, type TextStyle, type ViewStyle } from 'react-native'
 import { TrueSheet } from '@lodev09/react-native-true-sheet'
 import MapView from 'react-native-maps'
 
-import { BasicSheet, FlatListSheet, GestureSheet, PromptSheet, ScrollViewSheet } from './sheets'
+import {
+  BasicSheet,
+  BlankSheet,
+  FlatListSheet,
+  GestureSheet,
+  PromptSheet,
+  ScrollViewSheet,
+} from './sheets'
 import { Button, Spacer } from './components'
 import { BLUE, DARK, GRAY, SPACING } from './utils'
 
@@ -15,6 +22,7 @@ export default function App() {
   const scrollViewSheet = useRef<TrueSheet>(null)
   const flatListSheet = useRef<TrueSheet>(null)
   const gestureSheet = useRef<TrueSheet>(null)
+  const blankSheet = useRef<TrueSheet>(null)
 
   const presentBasicSheet = async (index = 0) => {
     await basicSheet.current?.present(index)
@@ -60,6 +68,7 @@ export default function App() {
         <Button text="TrueSheet ScrollView" onPress={() => scrollViewSheet.current?.present()} />
         <Button text="TrueSheet FlatList" onPress={() => flatListSheet.current?.present()} />
         <Button text="TrueSheet Gestures" onPress={() => gestureSheet.current?.present()} />
+        <Button text="Blank Sheet" onPress={() => blankSheet.current?.present()} />
 
         <Spacer />
         <Button text="Expand" onPress={() => sheetRef.current?.resize(2)} />
@@ -70,6 +79,7 @@ export default function App() {
         <ScrollViewSheet ref={scrollViewSheet} />
         <FlatListSheet ref={flatListSheet} />
         <GestureSheet ref={gestureSheet} />
+        <BlankSheet ref={blankSheet} />
       </TrueSheet>
     </View>
   )

example/src/sheets/BlankSheet.tsx

@@ -0,0 +1,30 @@
+import React, { forwardRef, type Ref } from 'react'
+import { Text, type ViewStyle } from 'react-native'
+import { TrueSheet, type TrueSheetProps } from '@lodev09/react-native-true-sheet'
+
+import { $WHITE_TEXT, DARK, SPACING } from '../utils'
+
+interface BlankSheetProps extends TrueSheetProps {}
+
+export const BlankSheet = forwardRef((props: BlankSheetProps, ref: Ref<TrueSheet>) => {
+  return (
+    <TrueSheet
+      ref={ref}
+      sizes={['medium', 'large']}
+      blurTint="dark"
+      cornerRadius={12}
+      backgroundColor={DARK}
+      keyboardMode="pan"
+      contentContainerStyle={$content}
+      {...props}
+    >
+      <Text style={$WHITE_TEXT}>Blank Sheet</Text>
+    </TrueSheet>
+  )
+})
+
+BlankSheet.displayName = 'BlankSheet'
+
+const $content: ViewStyle = {
+  padding: SPACING,
+}

example/src/sheets/index.ts

@@ -3,3 +3,4 @@ export * from './PromptSheet'
 export * from './ScrollViewSheet'
 export * from './FlatListSheet'
 export * from './GestureSheet'
+export * from './BlankSheet'