"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Show = void 0;
const state_1 = require("@legendapp/state");
const react_1 = require("react");
const useSelector_1 = require("./useSelector");
function Show({ if: if_, ifReady, else: else_, wrap, children }) {
    const child = (0, useSelector_1.useSelector)(() => {
        const value = (0, state_1.computeSelector)(if_ !== null && if_ !== void 0 ? if_ : ifReady);
        const child = (0, state_1.computeSelector)((ifReady !== undefined ? (0, state_1.isObservableValueReady)(value) : value) ? children : else_ ? else_ : null);
        return child;
    });
    return wrap ? (0, react_1.createElement)(wrap, undefined, child) : child;
}
exports.Show = Show;
//# sourceMappingURL=Show.jsx.map