"use strict";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
  return t;
};

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

const react_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 = __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