Samuel Newman
25 lines
690 B
TypeScript
25 lines
690 B
TypeScript
import React from 'react'
|
|
|
|
import {BottomSheetViewProps} from './BottomSheet.types'
|
|
import {BottomSheetNativeComponent} from './BottomSheetNativeComponent'
|
|
import {useBottomSheetPortal_INTERNAL} from './BottomSheetPortal'
|
|
|
|
export const BottomSheet = React.forwardRef<
|
|
BottomSheetNativeComponent,
|
|
BottomSheetViewProps
|
|
>(function BottomSheet(props, ref) {
|
|
const Portal = useBottomSheetPortal_INTERNAL()
|
|
|
|
if (__DEV__ && !Portal) {
|
|
throw new Error(
|
|
'BottomSheet: You need to wrap your component tree with a <BottomSheetPortalProvider> to use the bottom sheet.',
|
|
)
|
|
}
|
|
|
|
return (
|
|
<Portal>
|
|
<BottomSheetNativeComponent {...props} ref={ref} />
|
|
</Portal>
|
|
)
|
|
})
|