@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 { useBreakpoint } from '../../../utils/useBreakpoint/useBreakpoint.js';
import '@babel/runtime/helpers/slicedToArray';
import '../../../tokens/global/typography.js';
import '../../../tokens/global/motion.js';
import useTheme from '../../BladeProvider/useTheme.js';
import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
import 'styled-components/native';
import '@gorhom/portal';
import 'react-native-gesture-handler';
import '../../BottomSheet/BottomSheetStack.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 _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var isReactNative=getPlatformType()==='react-native';var isLabelLeftPositioned=position==='left'&&matchedDeviceType==='desktop';if(isReactNative)isLabelLeftPositioned=false;var role=accessibilityRole==='group'&&isReactNative?undefined:accessibilityRole;return jsx(BaseBox,Object.assign({display:"flex",flexDirection:isLabelLeftPositioned?'row':'column'},makeAccessible({role:role,labelledBy:labelledBy}),{alignItems:componentName==='chip-group'&&isLabelLeftPositioned?'baseline':undefined},metaAttribute({name:componentName,testID:testID}),makeAnalyticsAttribute(props),{children:children}));};

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