App.tsx

import * as React from 'react';
import { SafeAreaView, StyleSheet, View, Text } from 'react-native';
import { UiHeading } from '@acme/ui-heading';

const App = () => {
  return (
    <>
      <SafeAreaView>
        <View style={styles.box}>
          <UiHeading text="Hello World!" />
          <Text style={styles.text}>This is a demo app.</Text>
        </View>
      </SafeAreaView>
    </>
  );
};

const styles = StyleSheet.create({
  box: { padding: 10 },
  text: { fontSize: 18 },
});

export default App;