How to use the react-native-ui-lib.Typography.text60 function in react-native-ui-lib

actions={[{label: 'Delete', red30: true}, {label: 'Edit'}]}
            />
          

          

          

          
        
      
    );

);
  }
}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'column',
    justifyContent: 'flex-start',
    padding: 25
  },
  title: {
    ...Typography.text20
  },
  header: {
    ...Typography.text60,
    marginVertical: 20
  }
});

{_.map(baseColors, (baseColor) => {
            const baseColorTints = _.pickBy(Colors, (color, key) => key.includes(baseColor));
            return (

<button label="close" size="small">
      
    
  );
};

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    padding: 25,
  },
  title: {
    ...Typography.text20,
  },
  header: {
    ...Typography.text60,
    marginVertical: 20,
  },
});
</button>

);
    }
}

const styles = StyleSheet.create({
    container: {
        flexDirection: 'column',
        justifyContent: 'flex-start',
        padding: 25,
    },
    title: {
        ...Typography.text20,
    },
    header: {
        ...Typography.text60,
        marginVertical: 20,
    },
});

);
  }
}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'column',
    justifyContent: 'flex-start',
    padding: 25,
  },
  title: {
    ...Typography.text20,
  },
  header: {
    ...Typography.text60,
    marginVertical: 20,
  },
});

containerStyle={{marginBottom: 25}}
            placeholder="with disableTagAdding disableTagRemoval"
            tags={this.state.tags3}
            disableTagRemoval
            disableTagAdding
          />

           (this.customTagsInput = r)}
            containerStyle={{marginBottom: 25}}
            placeholder="With custom tags"
            tags={this.state.tags}
            renderTag={this.renderCustomTag}
            onCreateTag={value => ({label: value})}
            onTagPress={this.onTagPress}
            inputStyle={{...Typography.text60, color: Colors.blue30}}
          />
        
      
    );
  }
}

},
  row: {
    height: 56,
    justifyContent: 'center',
  },
  separator: {
    borderBottomWidth: 1,
    borderBottomColor: Colors.dark70,
  },
  sectionContainer: {
    backgroundColor: Colors.dark20,
    paddingVertical: 4,
    paddingLeft: 12,
  },
  sectionText: {
    ...Typography.text60,
    color: Colors.white,
  },
});

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
  }
});

render() {
    return (
      
    );
  }
}