"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledPicker = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var theme_types_1 = require("@fluentui-react-native/theme-types");
var MenuPicker_1 = require("./MenuPicker");
var styles_1 = require("./styles");
var StyledPicker = function (props) {
    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style;
    var theme = (0, theme_types_1.useTheme)();
    var pickerStyles = tslib_1.__assign(tslib_1.__assign({ color: theme.colors.inputText, alignSelf: react_native_1.Platform.OS === 'ios' ? 'flex-start' : 'auto' }, styles_1.commonTestStyles.header), style);
    var styleCollection = collection.map(function (value) {
        return {
            label: value,
            value: value,
        };
    });
    return React.createElement(MenuPicker_1.MenuPicker, { prompt: prompt, style: pickerStyles, selected: selected, onChange: onChange, collection: styleCollection });
};
exports.StyledPicker = StyledPicker;
//# sourceMappingURL=StyledPicker.js.map