Files
react-native/packages/rn-tester/js/components/RNTesterButton.js
Dawid MałeckiandFacebook GitHub Bot ddcab831b1 Migrate already root exported deep imports in rn-tester. (#50958)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/50958

In rn-tester package there are many react-native deep imports which will be deprecated in the future. It is a starter for migrating rn-tester to using root imports instead. Only deep imports that are already root exported are changed. This diff avoids using `CodegenTypes` as it causes build errors and will be resolved in next stages.

Besides import changes, `PointerEvent` type is now also exported from the root.

Changelog:
[Internal]

Reviewed By: huntie

Differential Revision: D73656526

fbshipit-source-id: 5814a3d9c6a04b1236581dbbe291cd109e2c71c0
2025-04-28 07:24:46 -07:00

53 lines
1.1 KiB
JavaScript

/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @format
* @flow strict-local
*/
'use strict';
import type {GestureResponderEvent} from 'react-native';
import React from 'react';
import {Pressable, StyleSheet, Text} from 'react-native';
type Props = $ReadOnly<{
testID?: string,
textTestID?: string,
children?: React.Node,
onPress?: ?(event: GestureResponderEvent) => mixed,
}>;
function RNTesterButton(props: Props): React.Node {
return (
<Pressable
testID={props.testID}
onPress={props.onPress}
style={({pressed}) => [styles.button, pressed && styles.pressed]}>
<Text testID={props.textTestID}>{props.children}</Text>
</Pressable>
);
}
const styles = StyleSheet.create({
button: {
borderColor: '#696969',
borderRadius: 8,
borderWidth: 1,
padding: 10,
margin: 5,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#d3d3d3',
},
pressed: {
backgroundColor: '#a9a9a9',
},
});
export default RNTesterButton;