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 const StyledPicker = (props) => {
    const { prompt, selected, onChange, collection, style } = props;
    const theme = useTheme();
    const pickerStyles = {
        color: theme.colors.inputText,
        alignSelf: Platform.OS === 'ios' ? 'flex-start' : 'auto',
        ...commonStyles.header,
        ...style,
    };
    const styleCollection = collection.map((value) => {
        return {
            label: value,
            value: value,
        };
    });
    return React.createElement(MenuPicker, { prompt: prompt, style: pickerStyles, selected: selected, onChange: onChange, collection: styleCollection });
};
//# sourceMappingURL=StyledPicker.js.map