"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledPicker = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const react_native_1 = require("react-native");
const theme_types_1 = require("@fluentui-react-native/theme-types");
const MenuPicker_1 = require("./MenuPicker");
const styles_1 = require("./styles");
const StyledPicker = (props) => {
    const { prompt, selected, onChange, collection, style } = props;
    const theme = (0, theme_types_1.useTheme)();
    const pickerStyles = {
        color: theme.colors.inputText,
        alignSelf: react_native_1.Platform.OS === 'ios' ? 'flex-start' : 'auto',
        ...styles_1.commonTestStyles.header,
        ...style,
    };
    const styleCollection = collection.map((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