stream-chat-react-native-core/lib/module/components/UIComponents/EmptySearchResult.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.EmptySearchResult = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
var _theme = require("../../theme");
var _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/UIComponents/EmptySearchResult.tsx";
var EmptySearchResult = ({
  label
}) => {
  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
    icons = _useComponentsContext.icons;
  var _useTheme = (0, _ThemeContext.useTheme)(),
    _useTheme$theme = _useTheme.theme,
    _useTheme$theme$empty = _useTheme$theme.emptySearchResult,
    container = _useTheme$theme$empty.container,
    text = _useTheme$theme$empty.text,
    semantics = _useTheme$theme.semantics;
  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: [styles.container, container],
    testID: "empty-search-result",
    children: [(0, _jsxRuntime.jsx)(icons.Search, {
      height: 24,
      stroke: semantics.textTertiary,
      width: 24
    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: [styles.text, {
        color: semantics.textSecondary
      }, text],
      children: label
    })]
  });
};
exports.EmptySearchResult = EmptySearchResult;
EmptySearchResult.displayName = 'EmptySearchResult{emptySearchResult}';
var styles = _reactNative.StyleSheet.create({
  container: {
    alignItems: 'center',
    gap: _theme.primitives.spacingSm,
    height: '100%',
    justifyContent: 'center',
    paddingVertical: _theme.primitives.spacingXl,
    width: '100%'
  },
  text: {
    fontSize: _theme.primitives.typographyFontSizeMd,
    fontWeight: _theme.primitives.typographyFontWeightRegular,
    lineHeight: _theme.primitives.typographyLineHeightNormal,
    textAlign: 'center',
    writingDirection: _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr'
  }
});
//# sourceMappingURL=EmptySearchResult.js.map