'use strict';

import React, {Component} from 'react';
import Immutable, {Map} from 'immutable';
import ScrollableTabView from 'react-native-scrollable-tab-view';
import {DefaultTabBar} from 'react-native-scrollable-tab-view';

import ReactNative, {
    View,
    Text,
    Image,
    ListView,
    StyleSheet,
    Dimensions,
    TouchableOpacity,
    InteractionManager,
    Platform,
} from 'react-native';


export default class Segment extends Component {

    constructor(props) {
        super(props);
    }
    render() {
        return (
            <View style={styles.container}>
                <ScrollableTabView
                    initialPage={this.props.defaultPage}
                    renderTabBar={() => <DefaultTabBar
                         underlineHeight={0}
                         activeTextColor={'black'}
                         inactiveTextColor={'#b0b0b0'}/>
                     }
                     onChangeTab={(obj) => {
                         this.props._onSelectIndex && this.props._onSelectIndex(obj.i);
                     }}
                >
                    <Text tabLabel={'全部'}/>
                    <Text tabLabel={'待付款'}/>
                    <Text tabLabel={'待发货'}/>
                    <Text tabLabel={'待收货'} />
                </ScrollableTabView>
            </View>
        );
    }
}

let {width, height} = Dimensions.get('window');
let styles = StyleSheet.create({
    container: {
        width: width,
        height: 38,
        backgroundColor: 'white',
        justifyContent: 'center',
    }
});