@razorpay/blade
Version:
The Design System that powers Razorpay
11 lines (8 loc) • 1.13 kB
JavaScript
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.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,isExpanded=_ref.isExpanded,isActive=_ref.isActive;var gray=theme.colors.interactive.background.gray;if(isExpanded){if(isActive){return gray.fadedHighlighted;}return gray.faded;}if(isActive){return gray.faded;}return 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