"use strict";
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 styled_1 = require("../styled");
const fixture_1 = require("../fixture");
const deps_1 = require("../deps");
const _renderProps_1 = require("./_renderProps");
class Transition extends react_1.default.PureComponent {
    render() {
        console.debug('[Overlay] rendering');
        const { renderTransition, children, isVisible } = this.props;
        const transitionRenderProp = renderTransition(this.props);
        if (deps_1.IS_BROWSER) {
            return react_1.default.createElement(styled_1.OverlayTint, null, children);
        }
        // @todo check api
        const props = {
            in: !!isVisible,
            out: !isVisible,
            // out={!isVisible}
            timeout: fixture_1.duration,
            exit: true,
        };
        return (react_1.default.createElement(react_transition_group_1.TransitionGroup, null,
            react_1.default.createElement(Transition, Object.assign({}, props, { key: "overlay-transition" }), transitionRenderProp)));
    }
}
Transition.displayName = 'atoms/Overlay/Transition';
Transition.defaultProps = {
    renderTransition: _renderProps_1.renderTransition,
};
exports.Transition = Transition;
exports.default = Transition;
//# sourceMappingURL=Transition.js.map