"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const components_1 = require("@bluebase/components");
const core_1 = require("@bluebase/core");
const react_native_1 = require("react-native");
const react_1 = tslib_1.__importDefault(require("react"));
const DirectionPicker = core_1.getComponent('DirectionPicker', 'Noop');
const LocalePicker = core_1.getComponent('LocalePicker', 'Noop');
class LocalizationSettingsList extends react_1.default.PureComponent {
    render() {
        const { __, rtl } = this.context;
        return (react_1.default.createElement(components_1.List, null,
            react_1.default.createElement(components_1.List.Item, { left: react_1.default.createElement(components_1.List.Icon, { name: "translate" }), title: "Content Direction", description: "Direction of the app's content", right: react_1.default.createElement(DirectionPicker, null) }),
            react_native_1.Platform.OS !== 'android' && react_1.default.createElement(components_1.Divider, { inset: true }),
            react_1.default.createElement(components_1.List.Item, { left: react_1.default.createElement(components_1.List.Icon, { name: !!rtl ? 'format-textdirection-r-to-l' : 'format-textdirection-l-to-r' }), title: __('Language'), description: __('You can change the app\'s default language from here'), right: react_1.default.createElement(LocalePicker, null) })));
    }
}
LocalizationSettingsList.contextType = core_1.IntlContext;
exports.LocalizationSettingsList = LocalizationSettingsList;
