Files
react-native/packages/rn-tester/js/components/RNTConfigurationBlock.js
Moti Zilberman d6e0bc714a Enable lint/sort-imports everywhere (#41334)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/41334

TSIA.

Changelog: [Internal]

Reviewed By: robhogan

Differential Revision: D51025812

fbshipit-source-id: e10d437be775a6b80946483aa96460f34927f870
2023-11-06 12:59:38 -08:00

45 lines
997 B
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 {RNTesterThemeContext} from './RNTesterTheme';
import * as React from 'react';
import {StyleSheet, View} from 'react-native';
type Props = $ReadOnly<{|
children?: ?React.Node,
testID?: string,
|}>;
/**
* Container view for a block of configuration options for an example.
*/
export default function RNTConfigurationBlock(props: Props): React.Node {
const theme = React.useContext(RNTesterThemeContext);
return (
<View
style={StyleSheet.compose(styles.container, {
borderColor: theme.SeparatorColor,
})}
testID={props.testID}>
{props.children}
</View>
);
}
const styles = StyleSheet.create({
container: {
paddingVertical: 6,
paddingHorizontal: 10,
borderBottomWidth: 1,
},
});