export * from './MenuPicker.desktop';
import * as React from 'react';
import { Button, Text, View, StyleSheet } from 'react-native';
export var MenuPicker = function (props) {
    var prompt = props.prompt, onChange = props.onChange, collection = props.collection;
    return (React.createElement(View, { style: menuPickerStyles.container },
        React.createElement(Text, { style: menuPickerStyles.prompt }, prompt),
        collection.map(function (item, index) { return (React.createElement(Button, { onPress: function () { return onChange(item.value, index); }, key: index, title: item.label })); })));
};
var menuPickerStyles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        alignItems: 'center',
        margin: 5,
    },
    prompt: {
        marginRight: 5,
    },
    chevronContainer: {
        padding: 4,
    },
});
//# sourceMappingURL=MenuPicker.windows.js.map