@razorpay/blade/build/lib/native/components/Tabs/TabIndicator.native.js

The Design System that powers Razorpay

import 'react';
import { TabBarIndicator } from 'react-native-tab-view';
import { useTabsContext } from './TabsContext.js';
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 '../BottomSheet/BottomSheetStack.js';
import { jsx } from 'react/jsx-runtime';
import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';

var TabIndicator=function TabIndicator(props){var _useTheme=useTheme(),theme=_useTheme.theme;var _useTabsContext=useTabsContext(),variant=_useTabsContext.variant;var isFilled=variant==='filled';return jsx(TabBarIndicator,Object.assign({},props,metaAttribute({name:MetaConstants.TabIndicator}),{width:"auto",getTabWidth:function getTabWidth(index){if(!isFilled)return props.getTabWidth(index);if(index===props.navigationState.routes.length-1){return props.getTabWidth(index)-theme.spacing[2]*3;}return props.getTabWidth(index);},style:Object.assign({pointerEvents:'none'},isFilled?{height:props.layout.height-theme.border.width.thicker-theme.spacing[2]*2,left:theme.spacing[2],bottom:theme.spacing[2],backgroundColor:theme.colors.interactive.background.primary.faded,borderRadius:theme.border.radius.small}:{height:theme.border.width.thicker,backgroundColor:theme.colors.interactive.border.primary.default})}));};

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