2 files changed, 26 insertions, 0 deletions
diff --git a/src/components/common/TaggTypeahead.tsx b/src/components/common/TaggTypeahead.tsx
new file mode 100644
index 00000000..8a68c9a5
--- /dev/null
+++ b/src/components/common/TaggTypeahead.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+import {SCREEN_WIDTH} from '../../utils';
+
+type TaggTypeaheadProps = {
+  search: string;
+};
+
+const TaggTypeahead: React.FC<TaggTypeaheadProps> = ({search}) => {
+  return (
+    <View style={styles.container}>
+      <Text>searching for {search}</Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    width: SCREEN_WIDTH * 0.9,
+    height: 100,
+    borderWidth: 1,
+  },
+});
+
+export default TaggTypeahead;
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 802cf505..4a49339b 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -24,3 +24,4 @@ export {default as TaggSquareButton} from './TaggSquareButton';
 export {default as GradientBorderButton} from './GradientBorderButton';
 export {default as BasicButton} from './BasicButton';
 export {default as Avatar} from './Avatar';
+export {default as TaggTypeahead} from './TaggTypeahead';