import { __assign } from "tslib";
import * as React from 'react';
import { Platform } from 'react-native';
import { useTheme } from '@fluentui-react-native/theme-types';
import { MenuPicker } from './MenuPicker';
import { commonTestStyles as commonStyles } from './styles';
export var StyledPicker = function (props) {
    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style;
    var theme = useTheme();
    var pickerStyles = __assign(__assign({ color: theme.colors.inputText, alignSelf: Platform.OS === 'ios' ? 'flex-start' : 'auto' }, commonStyles.header), style);
    var styleCollection = collection.map(function (value) {
        return {
            label: value,
            value: value,
        };
    });
    return React.createElement(MenuPicker, { prompt: prompt, style: pickerStyles, selected: selected, onChange: onChange, collection: styleCollection });
};
//# sourceMappingURL=StyledPicker.js.map