about summary refs log tree commit diff
path: root/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'modules/expo-emoji-picker/src/EmojiPicker.android.tsx')
-rw-r--r--modules/expo-emoji-picker/src/EmojiPicker.android.tsx28
1 files changed, 28 insertions, 0 deletions
diff --git a/modules/expo-emoji-picker/src/EmojiPicker.android.tsx b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
new file mode 100644
index 000000000..d8493b72e
--- /dev/null
+++ b/modules/expo-emoji-picker/src/EmojiPicker.android.tsx
@@ -0,0 +1,28 @@
+import {useMemo} from 'react'
+import {useColorScheme} from 'react-native'
+
+import {type EmojiPickerViewProps} from './EmojiPickerModule.types'
+import EmojiPickerNativeView from './EmojiPickerView'
+
+const EmojiPicker = ({onEmojiSelected}: EmojiPickerViewProps) => {
+  const scheme = useColorScheme()
+  const styles = useMemo(
+    () =>
+      ({
+        flex: 1,
+        width: '100%',
+        backgroundColor: scheme === 'dark' ? '#000' : '#fff',
+      } as const),
+    [scheme],
+  )
+
+  return (
+    <EmojiPickerNativeView
+      onEmojiSelected={emoji => {
+        onEmojiSelected(emoji)
+      }}
+      style={styles}
+    />
+  )
+}
+export default EmojiPicker