How to use the react-native-paper.Colors.grey200 function in react-native-paper

// do something if the speed dial is open
                }
              }}
              visible={this.state.visible}
            />
          
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.grey200,
    padding: 4,
  },

  row: {
    justifyContent: 'center',
    alignItems: 'center',
  },

  fab: {
    margin: 8,
  },
});

export default withTheme(ButtonExample);

// Do something
            },
          }}
          duration={Snackbar.DURATION_MEDIUM}
        >
          Hey there! I'm a Snackbar.
        
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.grey200,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default withTheme(SnackbarExample);

placeholder="Search"
          onChangeText={(query: string) => this.setState({ thirdQuery: query })}
          value={this.state.thirdQuery}
          onIconPress={/* In real code, this will open the drawer */ () => {}}
          icon="menu"
          style={styles.searchbar}
        />
      
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.grey200,
  },
  caption: {
    paddingHorizontal: 16,
    paddingVertical: 8,
  },
  searchbar: {
    margin: 4,
  },
});

export default withTheme(SearchExample);

hideSearch: boolean,
  hideShare: boolean,
  hideLogo: boolean,
  hideBackButton: boolean,
  hideContent: boolean,
  share: Object,
};

type State = {
  dialogVisible: boolean,
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.grey200,
  },
  logoWrapper: {
    flex: 3,
  },
  logo: {
    marginLeft: 10,
    height: 56,
    width: 260,
  },
});

class BaseLayout extends React.PureComponent {
  static defaultProps = {
    hideShare: false,
    hideSearch: false,
    hideLogo: false,

);
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: Colors.grey200,
    padding: 12,
  },
  button: {
    margin: 4,
  },
});

export default withTheme(DialogExample);