@razorpay/blade
Version:
The Design System that powers Razorpay
11 lines (8 loc) • 1.15 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 getCollapsibleBodyContentBoxProps=function getCollapsibleBodyContentBoxProps(_ref){var direction=_ref.direction,_hasMargin=_ref._hasMargin;if(!_hasMargin){return {};}return {marginTop:direction==='bottom'?'spacing.5':'spacing.0',marginBottom:direction==='top'?'spacing.5':'spacing.0'};};var getOpacity=function getOpacity(_ref2){var isExpanded=_ref2.isExpanded;return isExpanded?1:0.8;};var getTransitionDuration=function getTransitionDuration(theme){return makeMotionTime(theme.motion.duration.moderate);};var getTransitionEasing=function getTransitionEasing(theme){return theme.motion.easing.standard;};var getCollapsibleChevronIconTransforms=function getCollapsibleChevronIconTransforms(){return {transformExpanded:-180,transformCollapsed:0};};
export { getCollapsibleBodyContentBoxProps, getCollapsibleChevronIconTransforms, getOpacity, getTransitionDuration, getTransitionEasing };
//# sourceMappingURL=commonStyles.js.map