modules/expo-emoji-picker/src/EmojiPicker.android.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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