@sendbird/uikit-react-native/lib/module/components/GroupChannelMessageRenderer/GroupChannelMessageNewLine.js

Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { Box, Text, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
import { useLocalization } from '../../hooks/useContext';
const GroupChannelMessageNewLine = ({
  shouldRenderNewLine
}) => {
  if (!shouldRenderNewLine) return null;
  const {
    STRINGS
  } = useLocalization();
  const {
    colors
  } = useUIKitTheme();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(Box, {
    backgroundColor: colors.primary,
    style: styles.line
  }), /*#__PURE__*/React.createElement(Text, {
    caption3: true,
    numberOfLines: 1,
    color: colors.primary,
    style: styles.label
  }, STRINGS.GROUP_CHANNEL.LIST_NEW_LINE), /*#__PURE__*/React.createElement(Box, {
    backgroundColor: colors.primary,
    style: styles.line
  }));
};
const styles = StyleSheet.create({
  container: {
    width: '100%',
    flexDirection: 'row',
    alignItems: 'center',
    marginBottom: 16
  },
  line: {
    flex: 1,
    height: 1
  },
  label: {
    marginHorizontal: 4
  }
});
export default /*#__PURE__*/React.memo(GroupChannelMessageNewLine);
//# sourceMappingURL=GroupChannelMessageNewLine.js.map