@razorpay/blade/build/lib/native/components/Box/BaseBox/BaseBox.native.js

The Design System that powers Razorpay

import { View } from 'react-native';
import styled from 'styled-components/native';
import React__default from 'react';
import { getBaseBoxStyles, getElevationValue } from './baseBoxStyles.js';
import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
import '@gorhom/portal';
import 'react-native-gesture-handler';
import useTheme from '../../BladeProvider/useTheme.js';
import '@babel/runtime/helpers/slicedToArray';
import '../../BottomSheet/BottomSheetStack.js';
import { jsx } from 'react/jsx-runtime';
import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';

var isSupportedOnReactNativeElement=function isSupportedOnReactNativeElement(prop){return !prop.startsWith('padding')&&!prop.startsWith('margin')&&prop!=='flex';};var StyledBaseBox=styled(View).attrs(function(props){return Object.assign({},metaAttribute({name:props['data-blade-component']||MetaConstants.BaseBox}));}).withConfig({shouldForwardProp:function shouldForwardProp(prop,defaultValidator){return isSupportedOnReactNativeElement(prop)&&defaultValidator(prop);}})(function(props){var cssObject=getBaseBoxStyles(props);return cssObject;});var _BaseBox=function _BaseBox(props,ref){var _useTheme=useTheme(),theme=_useTheme.theme;var shadow=getElevationValue(props.elevation,theme);return jsx(StyledBaseBox,Object.assign({ref:ref},props,{style:shadow?[shadow,props.style]:props.style}));};var BaseBox=assignWithoutSideEffects(React__default.forwardRef(_BaseBox),{displayName:'BaseBox'});

export { BaseBox };
//# sourceMappingURL=BaseBox.native.js.map