diff --git a/native/search/search-footer.react.js b/native/search/search-footer.react.js
new file mode 100644
--- /dev/null
+++ b/native/search/search-footer.react.js
@@ -0,0 +1,31 @@
+// @flow
+
+import * as React from 'react';
+import { View, Text } from 'react-native';
+
+import { useStyles } from '../themes/colors.js';
+
+function SearchFooter(props: { text: string }): React.Node {
+  const styles = useStyles(unboundStyles);
+
+  return (
+    <View style={styles.messageWrapper}>
+      <Text style={styles.message}>{props.text}</Text>
+    </View>
+  );
+}
+
+const unboundStyles = {
+  message: {
+    color: 'searchMessagesSecondaryForeground',
+    size: 14,
+    fontWeight: '400',
+    textAlign: 'center',
+  },
+  messageWrapper: {
+    paddingVertical: 24,
+    display: 'flex',
+  },
+};
+
+export default SearchFooter;