@razorpay/blade
Version:
The Design System that powers Razorpay
13 lines (10 loc) • 1.1 kB
JavaScript
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import '../BladeProvider/useTheme.js';
var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration['2xquick']);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard;};var getBackgroundColor=function getBackgroundColor(_ref){var theme=_ref.theme,isActive=_ref.isActive;var gray=theme.colors.interactive.background.gray;return isActive?gray.faded:theme.colors.transparent;};var getCommonAccordionButtonStyles=function getCommonAccordionButtonStyles(props){var theme=props.theme;return {padding:theme.spacing[0],display:'flex',flexDirection:'row',alignItems:'center',justifyContent:'space-between'};};
export { getBackgroundColor, getCommonAccordionButtonStyles, getTransitionDuration, getTransitionEasing };
//# sourceMappingURL=commonStyles.js.map