import { computeSelector, isObservableValueReady } from '@legendapp/state';
import { createElement } from 'react';
import { useSelector } from './useSelector';
export function Show({ if: if_, ifReady, else: else_, wrap, children }) {
    const child = useSelector(() => {
        const value = computeSelector(if_ !== null && if_ !== void 0 ? if_ : ifReady);
        const child = computeSelector((ifReady !== undefined ? isObservableValueReady(value) : value) ? children : else_ ? else_ : null);
        return child;
    });
    return wrap ? createElement(wrap, undefined, child) : child;
}
//# sourceMappingURL=Show.jsx.map