src/screens/Messages/Conversation/MessageItem.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
29

import React from 'react'
import {View} from 'react-native'

import {atoms as a, useTheme} from '#/alf'
import {Text} from '#/components/Typography'
import * as TempDmChatDefs from '#/temp/dm/defs'

export function MessageItem({item}: {item: TempDmChatDefs.MessageView}) {
  const t = useTheme()

  return (
    <View
      style={[
        a.py_sm,
        a.px_md,
        a.my_xs,
        a.rounded_md,
        {
          backgroundColor: t.palette.primary_500,
          maxWidth: '65%',
          borderRadius: 17,
        },
      ]}>
      <Text style={[a.text_md, {lineHeight: 1.2, color: 'white'}]}>
        {item.text}
      </Text>
    </View>
  )
}