create-expo-cljs-app/template/node_modules/react-native/packages/rn-tester/js/components/UseCase.js

Create a react native application with Expo and Shadow-CLJS!

/**
 * Copyright (c) Facebook, Inc. and its 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
 */

import * as React from 'react';
import {View, Text, StyleSheet} from 'react-native';

type Props = $ReadOnly<{|
  children?: React.Node,
  title?: ?string,
  note?: ?string,
  ios?: ?boolean,
  android?: ?boolean,
|}>;

export default function UseCase(props: Props): React.Node {
  const children = React.Children.toArray(props.children).filter(
    child => child !== ' ',
  );
  return (
    <View style={styles.container}>
      <Text>{props.title}</Text>
      <Text>{props.note}</Text>
      {children}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
  },
});