"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuPicker = void 0;
var tslib_1 = require("tslib");
tslib_1.__exportStar(require("./MenuPicker.desktop"), exports);
var React = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var MenuPicker = function (props) {
    var prompt = props.prompt, onChange = props.onChange, collection = props.collection;
    return (React.createElement(react_native_1.View, { style: menuPickerStyles.container },
        React.createElement(react_native_1.Text, { style: menuPickerStyles.prompt }, prompt),
        collection.map(function (item, index) { return (React.createElement(react_native_1.Button, { onPress: function () { return onChange(item.value, index); }, key: index, title: item.label })); })));
};
exports.MenuPicker = MenuPicker;
var menuPickerStyles = react_native_1.StyleSheet.create({
    container: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        alignItems: 'center',
        margin: 5,
    },
    prompt: {
        marginRight: 5,
    },
    chevronContainer: {
        padding: 4,
    },
});
//# sourceMappingURL=MenuPicker.windows.js.map