@shopgate/engage
Version:
Shopgate's ENGAGE library.
5 lines • 1.07 kB
JavaScript
function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{css}from'glamor';export var container=css({marginBottom:4});export var cartItemTransitionDuration=300;var defaultTransitionStyle={transition:"height ".concat(cartItemTransitionDuration,"ms cubic-bezier(0.25, 0.1, 0.25, 1)"),opacity:1};var transitionStyles={exited:{height:0,opacity:0},exiting:{height:0,opacity:0}};/**
* Creates an object with style attributes to enable a cart item transition.
* @param {string} state A state of the react-transition-group/Transition component.
* @return {Object}
*/export var getCartItemTransitionStyle=function getCartItemTransitionStyle(state){return _extends({},defaultTransitionStyle,{},transitionStyles[state]);};export default{cartItemTransitionDuration:cartItemTransitionDuration,getCartItemTransitionStyle:getCartItemTransitionStyle};