"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const components_1 = require("@bluebase/components");
const react_native_1 = require("react-native");
const core_1 = require("@bluebase/core");
const react_1 = tslib_1.__importDefault(require("react"));
const SettingsPageItemMobile = core_1.getComponent('SettingsPageItemMobile');
class SettingsPageMobile extends react_1.default.PureComponent {
    render() {
        const items = this.props.items || [];
        const styles = this.props.styles;
        return (react_1.default.createElement(react_native_1.ScrollView, null,
            react_1.default.createElement(react_native_1.SafeAreaView, null,
                react_1.default.createElement(components_1.View, { style: styles.root }, items.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, { key: item.name },
                    react_1.default.createElement(SettingsPageItemMobile, Object.assign({}, item)),
                    index < items.length - 1 && react_1.default.createElement(components_1.Divider, null))))))));
    }
}
SettingsPageMobile.defaultProps = {};
SettingsPageMobile.defaultStyles = (_theme) => ({
    root: {
    // backgroundColor: Platform.OS === 'ios'
    // ? theme.palette.background.default
    // : theme.palette.background.card,
    },
});
exports.SettingsPageMobile = SettingsPageMobile;
