How to use the react-native-ui-lib.Colors.red30 function in react-native-ui-lib

}) {
  return StyleSheet.create({
    container: {},
    innerContainer: {
      flexDirection: 'row',
      borderBottomWidth: hideUnderline ? 0 : 1,
      borderColor: Colors.dark70,
      justifyContent: centered ? 'center' : undefined,
      paddingTop: floatingPlaceholder ? 25 : undefined,
      flexGrow: 1,
    },
    focusedUnderline: {
      borderColor: Colors.blue30,
    },
    errorUnderline: {
      borderColor: Colors.red30,
    },
    input: {
      flexGrow: 1,
      marginBottom: hideUnderline ? undefined : Constants.isIOS ? 10 : 5,
      padding: 0,
      textAlign: centered ? 'center' : undefined,
      backgroundColor: 'transparent',

      // backgroundColor: 'red'
    },
    floatingPlaceholder: {
      position: 'absolute',
    },
    placeholder: {
      color: placeholderTextColor,
    },

It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
            
          
        

        
      
    );
  }
}

style={{marginBottom: ButtonSpace}}
              ref={element => (this.button_10 = element)}
              onPress={() => this.showSnippet(this.button_10)}
            />

            
            <button style="{{marginBottom:" label="{'Bold!'}"> (this.button_11 = element)}
              onPress={() =&gt; this.showSnippet(this.button_11)}
            /&gt;
            </button><button style="{{marginBottom:" label="{'Red"> (this.button_12 = element)}
              onPress={() =&gt; this.showSnippet(this.button_12)}
            /&gt;
            </button><button style="{{marginBottom:" label="{'Dark"> (this.button_13 = element)}
              onPress={() =&gt; this.showSnippet(this.button_13)}
            /&gt;
            </button>

selectedLabelStyle={{color: Colors.green30, fontWeight: '900'}} label='INACTIVE'
          />
          
        

        

         this.setState({selectedIndex: index})}
          isContentIndicator
        >
          
          
          
        

        

constructor(props) {
    super(props);
    
    this.colors = ['transparent', Colors.green30, Colors.yellow30, Colors.red30];
    this.mainColors = ['#66737C', '#459FED', '#1D5382', '#3CC7C5', '#65C888', '#FAAD4D', '#F27052', '#F2564D', '#B13DAC', '#733CA6', '#79838A', '#5847FF', '#00BBF2', '#00CD8B', '#FF563D', '#ffb600'];
    this.allColors = _.filter(Object.values(Colors), _.isString);

    this.state = {
      color: this.colors[0],
      color1: this.mainColors[this.mainColors.length - 1],
      color2: this.allColors[20],
      selected: false
    };
  }

migrate
            leftItem={leftItem}
            rightItems={[rightItems[1], rightItems[2]]}
            style={styles.drawer}
            >
            {this.renderContent('3', conversations[3])}
          
        

        
          {this.renderContent('4', conversations[4])}

constructor(props) {
    super(props);

    this.SCROLL_TYPE = {
      NONE: 'none',
      VERTICAL: 'vertical',
      HORIZONTAL: 'horizontal'
    };

    this.pannableTitle = {title: 'This is a pannable header Dialog'};
    this.title = 'This is a Dialog';
    this.supportedOrientations = ['portrait', 'landscape'];
    this.colors = [
      {value: Colors.red10, label: 'Red10'},
      {value: Colors.red30, label: 'Red30'},
      {value: Colors.red50, label: 'Red50'},
      {value: Colors.red70, label: 'Red70'},
      {value: Colors.blue10, label: 'Blue10'},
      {value: Colors.blue30, label: 'Blue30'},
      {value: Colors.blue50, label: 'Blue50'},
      {value: Colors.blue70, label: 'Blue70'},
      {value: Colors.purple10, label: 'Purple10'},
      {value: Colors.purple30, label: 'Purple30'},
      {value: Colors.purple50, label: 'Purple50'},
      {value: Colors.purple70, label: 'Purple70'},
      {value: Colors.green10, label: 'Green10'},
      {value: Colors.green30, label: 'Green30'},
      {value: Colors.green50, label: 'Green50'},
      {value: Colors.green70, label: 'Green70'},
      {value: Colors.yellow10, label: 'Yellow10'},
      {value: Colors.yellow30, label: 'Yellow30'},