"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const utils_1 = require("../../utils");
const react_native_1 = require("react-native");
const getComponent_1 = require("../../getComponent");
const react_1 = tslib_1.__importDefault(require("react"));
const Navigation = getComponent_1.getComponent('Navigation');
/**
 * 🏡 BlueBaseContent
 * @param props
 */
exports.BlueBaseContent = (props) => {
    const { BB, children, navigator, styles: _styles } = props;
    const styles = _styles;
    const statusBarStyle = BB.Configs.getValue('statusBarStyle');
    return (children)
        ? utils_1.renderChildrenWithProps(children, { BB })
        : (react_1.default.createElement(getComponent_1.View, { key: "bluebase-wrapper", style: styles.backdrop },
            react_1.default.createElement(react_native_1.StatusBar, { translucent: true, barStyle: statusBarStyle }),
            react_1.default.createElement(Navigation, { navigator: navigator })));
};
exports.BlueBaseContent.defaultStyles = (theme) => ({
    backdrop: {
        backgroundColor: theme.palette.background.default,
        flex: 1,
    }
});
