@razorpay/blade
Version:
The Design System that powers Razorpay
16 lines (13 loc) • 822 B
JavaScript
import 'react';
import { BottomSheetBackdrop as BottomSheetBackdrop$1 } from '@gorhom/bottom-sheet';
import 'styled-components/native';
import '@gorhom/portal';
import 'react-native-gesture-handler';
import useTheme from '../BladeProvider/useTheme.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import './BottomSheetStack.js';
import { jsx } from 'react/jsx-runtime';
var BottomSheetBackdrop=function BottomSheetBackdrop(props){var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BottomSheetBackdrop$1,Object.assign({},props,{appearsOnIndex:0,disappearsOnIndex:-1,pressBehavior:"close",opacity:1,style:[props.style,{backgroundColor:theme.colors.overlay.background.subtle,zIndex:props.zIndex}]}));};
export { BottomSheetBackdrop };
//# sourceMappingURL=BottomSheetBackdrop.native.js.map