import React, { Component } from 'react';
import {
    Platform,
    requireNativeComponent,
    View,
    ViewPropTypes
} from 'react-native';

import PropTypes from 'prop-types';


let iface = {
    name: 'PickerView',
    propTypes: {
        ...ViewPropTypes,
        data: PropTypes.array,
        selectedIndex: PropTypes.number,
        onValueChange: PropTypes.func,
        itemStyle: PropTypes.object
    }
}

let Picker = Platform.OS == 'ios' ? View : requireNativeComponent('AndroidPicker', iface);

export default class BAPickerAndroid extends Component {

    static propTypes = {
        ...ViewPropTypes,
        data: PropTypes.array,
        selectedIndex: PropTypes.number,
        onValueChange: PropTypes.func,
        itemStyle: PropTypes.object
    }

    render() {
        data = {
            list: this.props.data,
            selectedIndex: this.props.selectedIndex
        }
        return (
            <Picker
                {...this.props}
                dataAndSelectedIndex={data}
                onValueChange={(e) => this._onValueChange(e)}
            />
        );
    }

    _onValueChange(event) {
        if (!this.props.onValueChange)
            return;
        this.props.onValueChange(event.nativeEvent);
    }
}