@git-temporal/git-temporal-react/lib/app/components/TransitionVisible.js

<!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->

"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 styles_1 = require("app/styles");
const outerStyle = {
    display: 'inline-block',
};
const visibleStyle = {
    visibility: 'visible',
    opacity: 1,
    transition: 'all 2s linear',
};
const hiddenStyle = {
    visibility: 'hidden',
    opacity: 0,
    transition: 'all .5s ease',
};
class TransitionVisible extends react_1.default.Component {
    render() {
        const addStyle = this.props.isVisible ? visibleStyle : hiddenStyle;
        return (react_1.default.createElement("div", { style: styles_1.style(outerStyle, this.props.style, addStyle) }, this.props.children));
    }
}
exports.TransitionVisible = TransitionVisible;