@razorpay/blade
Version:
The Design System that powers Razorpay
26 lines (23 loc) • 1.91 kB
JavaScript
import 'react';
import { StyledNavigationButton } from './StyledNavigationButton.native.js';
import '@babel/runtime/helpers/objectWithoutProperties';
import 'react-native-svg';
import { metaAttribute } from '../../../utils/metaAttribute/metaAttribute.native.js';
import { jsx } from 'react/jsx-runtime';
import '../../Icons/_Svg/Svg/Svg.native.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 { isReactNative } from '../../../utils/platform/isReactNative.js';
import '../../BottomSheet/BottomSheetStack.js';
import '../../../tokens/global/typography.js';
import '../../../tokens/global/motion.js';
import ChevronLeftIcon from '../../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
import ChevronRightIcon from '../../Icons/ChevronRightIcon/ChevronRightIcon.js';
import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
var NavigationButton=function NavigationButton(_ref){var type=_ref.type,variant=_ref.variant,onClick=_ref.onClick;var _useTheme=useTheme(),platform=_useTheme.platform;var isMobile=platform==='onMobile';var iconSize=isMobile?'small':'medium';var getIconColor=function getIconColor(){if(!isReactNative()){return 'currentColor';}var iconColor={filled:'interactive.icon.staticBlack.muted',stroked:'interactive.icon.gray.normal'};return iconColor[variant];};return jsx(StyledNavigationButton,Object.assign({onClick:onClick,variant:variant},metaAttribute({name:'NavigationButton'}),makeAccessible({label:type==='previous'?'Previous Slide':'Next Slide'}),{children:type==='next'?jsx(ChevronRightIcon,{size:iconSize,color:getIconColor()}):jsx(ChevronLeftIcon,{size:iconSize,color:getIconColor()})}));};
export { NavigationButton };
//# sourceMappingURL=NavigationButton.js.map