text: import React, {Component} from 'react';
  import { View, Text, WheelPickerDialog, Colors} from 'react-native-ui-lib'; //eslint-disable-line
  
  
  export default class WheelPickerDialogScreen extends Component {
    constructor(props) {
      super(props);
      this.state = {
        selectedValue: 1,
        title: 'Set time',
        items: [
         { value: 0, label: '0 hr' },
         { value: 1, label: '1 hr' },
         { value: 3, label: '3 hr' },
         { value: 5, label: '5 hr' },
         { value: 10, label: '10 hr' },
         { value: 24, label: '24 hr' },
         { value: 48, label: '48 hr' },
         { value: 72, label: '72 hr' },
        ],
      };
      this.onSelect = this.onSelect.bind(this);
    }
  
    onSelect(itemValue) {
      this.setState({ selectedValue: itemValue});
    }
    onCancel() {
    }
    render() {
      return (
        <View flex center >
          <WheelPickerDialog
            selectedValue={this.state.selectedValue}
            items={this.state.items}
            title={this.state.title}
            onSelect={this.onSelect}
            onCancel={this.onCancel}
            wheelPickerProps={{
              style: {width: 100},
              color: Colors.violet30,
              labelStyle: {fontSize: 32, fontFamily: 'sans-serif-condensed-light'},
              itemHeight: 55}}
            selectLabelStyle={{color: Colors.violet30}}
            cancelLabelStyle={{color: Colors.violet30}}
          />
          <Text test60 style={{width: 280}}>
            {`The result value is ${this.state.selectedValue}. Roll the picker and press OK to change it`}
          </Text>
        </View>
      );
    }
  }
  
  