import React, {Component} from 'react';

import {
    PickerIOS
} from 'react-native';

import PropTypes from 'prop-types';

export default class BAPickerIOS extends Component {
    render() {
        const {
            data,
            style,
            itemStyle = null,
            selectedIndex,
            onValueChange=() =>{}
        } = this.props;
        return (
            <PickerIOS
                style={[{flex: 1}, style]}
                selectedValue={selectedIndex}
                itemStyle={itemStyle}
                onValueChange={(index) => onValueChange({index: index, item: data[index]})}>
                {data.map((val, index) => (
                    <PickerIOS.Item
                        key={val + '-' + index}
                        value={index}
                        label={val} />
                ))}
            </PickerIOS>
        )
    }
}

BAPickerIOS.propTypes = {
    data: PropTypes.array,
    style: PropTypes.any,
    selectedIndex: PropTypes.number,
    itemStyle: PropTypes.any,
    onValueChange: PropTypes.func
};