"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const react_transition_group_1 = require("react-transition-group");

const fixture_1 = require("./fixture");

class Push extends react_1.default.PureComponent {
  render() {
    const _a = this.props,
          {
      isVisible,
      children,
      side,
      renderWrap,
      duration
    } = _a,
          passThroughProps = tslib_1.__rest(_a, ["isVisible", "children", "side", "renderWrap", "duration"]); // @todo @ssr @michael dom here may be diff


    if (typeof window !== 'object') {
      return renderWrap(Object.assign({}, passThroughProps, {
        children
      }));
    }

    const transitionRenderProp = state => {
      // @todo  - push  styles
      const style = {// ...defaultStyle,
        // ...pushStyles[state],
      };
      return renderWrap(Object.assign({}, passThroughProps, {
        style,
        children
      }));
    };

    return react_1.default.createElement(react_transition_group_1.Transition // appear
    // mount/unmount
    , {
      // appear
      // mount/unmount
      in: isVisible,
      out: !isVisible,
      timeout: duration,
      classNames: fixture_1.classNamesAnimation
    }, transitionRenderProp);
  }

}

Push.defaultProps = {
  isVisible: false,
  children: '',
  side: 'right',
  duration: 300
};
exports.Push = Push;
exports.default = Push; //# sourceMappingURL=Push.js.map