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