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

render() {
    const {reset} = this.state;
    const post = posts[0];
    const statusColor = post.status === 'Published' ? Colors.green30 : Colors.orange30;
    return (

render() {
    return (

}

const styles = StyleSheet.create({
  container: {
    padding: 30,
    paddingBottom: 0,
    flex: 1,
    backgroundColor: Colors.dark80
  },
  buttonsContainer: {
    flexDirection: 'row', 
    justifyContent: 'center', 
    margin: 20
  },
  triggerButton: {
    backgroundColor: Colors.dark10,
    width: 100,
    height: 30,
    borderWidth: 1,
    borderRadius: 4,
    justifyContent: 'center',
    alignItems: 'center'
  },
  triggerButtonText: {
    color: Colors.white,
    ...Typography.text60
  }
});

selected={selected1}
                onPress={() => this.setState({selected1: !selected1})}
                activeOpacity={1}
                marginR-20
              >
                
              
               this.setState({selected2: !selected2})}
                activeOpacity={1}
                selectionOptions={{
                  color: Colors.dark10,
                  indicatorSize: 25,
                  borderWidth: 3,
                }}
              >
                

this.setState({selectedIndex: index})}
          style={{height: 48}}
          indicatorStyle={{borderBottomWidth: 2, borderColor: Colors.violet30}}
          useGradientFinish
        >
          
          
        

        

         this.setState({selectedIndex2: index})}
          style={{height: 48}}
          indicatorStyle={{borderBottomWidth: 2, borderColor: Colors.orange30}}

/>

/>
             this.setState({value2})}
              borderRadius={2}
              size={30}
              color={Colors.purple30}
              selectedIcon={Assets.icons.x}
              style={{marginBottom: 20}}
            />
             this.setState({value3})}
              borderRadius={5}
              size={18}
              color={Colors.dark10}
              iconColor={Colors.green10}
              style={{marginBottom: 20}}
            />

overlayContainer: {
    ...StyleSheet.absoluteFillObject,
    backgroundColor: Colors.rgba(Colors.white, 0.85),
    zIndex: 100,
  },
  containerCommon: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingHorizontal: 10,
  },
  indicator: {
    transform: [{ scale: 1.5 }],
  },
  caption: {
    marginTop: 15,
    color: Colors.dark10,
  },
});

module.exports = LoadingView;