Native Sheet

import { Button, ButtonText } from "@/components/ui/button";
import {
  NativeSheet,
  NativeSheetBody,
  NativeSheetClose,
  NativeSheetContent,
  NativeSheetFooter,
  NativeSheetHeader,
  NativeSheetModal,
  NativeSheetOverlay,
  NativeSheetTitle,
  NativeSheetTrigger,
} from "@/components/ui/native-sheet";

<NativeSheet>
  <NativeSheetTrigger asChild>
    <Button>
      <ButtonText>Open</ButtonText>
    </Button>
  </NativeSheetTrigger>
  <NativeSheetModal>
    <NativeSheetOverlay />
    <NativeSheetContent>
      <NativeSheetHeader>
        <NativeSheetTitle>Native Sheet Title</NativeSheetTitle>
      </NativeSheetHeader>
      <NativeSheetBody>
        <Text className="text-foreground">Native Sheet Body</Text>
      </NativeSheetBody>
      <NativeSheetFooter>
        <NativeSheetClose>
          <Button>
            <ButtonText>Close</ButtonText>
          </Button>
        </NativeSheetClose>
      </NativeSheetFooter>
    </NativeSheetContent>
  </NativeSheetModal>
</NativeSheet>