"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