UNPKG

@sendbird/uikit-react-native

Version:

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

53 lines (52 loc) 1.68 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); var _reactNative = require("react-native"); var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation"); var _useContext = require("../../hooks/useContext"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } const GroupChannelMessageNewLine = ({ shouldRenderNewLine }) => { if (!shouldRenderNewLine) return null; const { STRINGS } = (0, _useContext.useLocalization)(); const { colors } = (0, _uikitReactNativeFoundation.useUIKitTheme)(); return /*#__PURE__*/_react.default.createElement(_reactNative.View, { style: styles.container }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, { backgroundColor: colors.primary, style: styles.line }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, { caption3: true, numberOfLines: 1, color: colors.primary, style: styles.label }, STRINGS.GROUP_CHANNEL.LIST_NEW_LINE), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Box, { backgroundColor: colors.primary, style: styles.line })); }; const styles = _reactNative.StyleSheet.create({ container: { width: '100%', flexDirection: 'row', alignItems: 'center', marginBottom: 16 }, line: { flex: 1, height: 1 }, label: { marginHorizontal: 4 } }); var _default = exports.default = /*#__PURE__*/_react.default.memo(GroupChannelMessageNewLine); //# sourceMappingURL=GroupChannelMessageNewLine.js.map