1import * as React from 'react';
2import { Text } from 'react-native';
3// @ts-ignore
4import TouchableBounce from 'react-native/Libraries/Components/Touchable/TouchableBounce';
5
6import { Page, Section } from '../components/Page';
7import Colors from '../constants/Colors';
8
9// TODO: Deprecate
10export default function TouchableBounceScreen() {
11  const buttonStyle = {
12    paddingHorizontal: 25,
13    paddingVertical: 20,
14    marginRight: 10,
15    backgroundColor: Colors.tintColor,
16    borderRadius: 5,
17  };
18
19  const buttonText = {
20    color: '#fff',
21  };
22
23  return (
24    <Page>
25      <Section title="Default">
26        <TouchableBounce style={buttonStyle} onPress={() => {}}>
27          <Text style={buttonText}>Bounce!</Text>
28        </TouchableBounce>
29      </Section>
30    </Page>
31  );
32}
33
34TouchableBounceScreen.navigationOptions = {
35  title: 'TouchableBounce',
36};
37