React Native Font System Code Usage

react-native-font-system-code-usage.js

// MyCustomScreen.js

import { TouchableOpacity } from 'react-native';

import Text from '..(relative_path)/components/Text';

const MyCustomScreen = () => (
	<>
		<Text as="H1">This is the main title</Text>
		<Text as="H2">This a secondary title</Text>
		<Text>This a normal paragraph</Text>
		<TouchableOpacity onPress={() => {}}>
			<Text as="H3" style={{ color: 'red'}}>Press Me!</Text>
		</TouchableOpacity>
	</>
);

export default MyCustomScreen;