@razorpay/blade
Version:
The Design System that powers Razorpay
18 lines (15 loc) • 1.54 kB
JavaScript
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
import styled from 'styled-components/native';
import React__default from 'react';
import { getNavigationButtonStyles } from './getNavigationButtonStyles.js';
import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.native.js';
import '@gorhom/portal';
import 'react-native-gesture-handler';
import useTheme from '../../BladeProvider/useTheme.js';
import 'react-native';
import { castNativeType } from '../../../utils/platform/castUtils.js';
import '../../BottomSheet/BottomSheetStack.js';
import { jsx } from 'react/jsx-runtime';
var StyledPressable=styled.Pressable(function(props){return getNavigationButtonStyles(props);});var StyledNavigationButton=function StyledNavigationButton(_ref){var children=_ref.children,onClick=_ref.onClick,variant=_ref.variant,accessibilityLabel=_ref.accessibilityLabel;var _useTheme=useTheme(),theme=_useTheme.theme;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];return jsx(StyledPressable,Object.assign({isPressed:isPressed,variant:variant,onPress:onClick,onPressIn:function onPressIn(){return setIsPressed(true);},onPressOut:function onPressOut(){return setIsPressed(false);},style:castNativeType(theme.elevation.lowRaised)},makeAccessible({role:'button',label:accessibilityLabel}),{children:children}));};
export { StyledNavigationButton };
//# sourceMappingURL=StyledNavigationButton.native.js.map