@razorpay/blade/build/lib/native/components/Form/Selector/SelectorGroupField.js

The Design System that powers Razorpay

import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import 'react';
import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
import 'react-native';
import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
import '@babel/runtime/helpers/slicedToArray';
import '../../BladeProvider/useTheme.js';
import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
import { jsx } from 'react/jsx-runtime';

var _excluded=["children","labelledBy","position","accessibilityRole","componentName","testID"];var SelectorGroupField=function SelectorGroupField(_ref){var children=_ref.children,labelledBy=_ref.labelledBy,position=_ref.position,_ref$accessibilityRol=_ref.accessibilityRole,accessibilityRole=_ref$accessibilityRol===void 0?'group':_ref$accessibilityRol,componentName=_ref.componentName,testID=_ref.testID,props=_objectWithoutProperties(_ref,_excluded);var isReactNative=getPlatformType()==='react-native';var labelPosition=position==='top'?'column':'row';if(isReactNative)labelPosition='column';var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:labelPosition},makeAccessible({role:role,labelledBy:labelledBy}),metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};

export { SelectorGroupField };
//# sourceMappingURL=SelectorGroupField.js.map