stream-chat-react-native-core/lib/module/components/AutoCompleteInput/AutoCompleteSuggestionCommandIcon.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.SuggestionCommandIcon = exports.AutoCompleteSuggestionCommandIcon = 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 _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/AutoCompleteInput/AutoCompleteSuggestionCommandIcon.tsx";
var SuggestionCommandIcon = ({
  name
}) => {
  var _useTheme = (0, _ThemeContext.useTheme)(),
    semantics = _useTheme.theme.semantics;
  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
    icons = _useComponentsContext.icons;
  if (name === 'ban') {
    return (0, _jsxRuntime.jsx)(icons.UserDelete, {
      height: 20,
      stroke: semantics.textSecondary,
      width: 20
    });
  } else if (name === 'flag') {
    return (0, _jsxRuntime.jsx)(icons.Flag, {
      height: 20,
      stroke: semantics.textSecondary,
      width: 20
    });
  } else if (name === 'giphy') {
    return (0, _jsxRuntime.jsx)(icons.GiphyIcon, {
      height: 20,
      width: 20
    });
  } else if (name === 'imgur') {
    return (0, _jsxRuntime.jsx)(icons.Imgur, {
      height: 20,
      width: 20
    });
  } else if (name === 'mute') {
    return (0, _jsxRuntime.jsx)(icons.Mute, {
      height: 20,
      fill: semantics.textSecondary,
      width: 20
    });
  } else if (name === 'unban') {
    return (0, _jsxRuntime.jsx)(icons.UserAdd, {
      height: 20,
      stroke: semantics.textSecondary,
      width: 20
    });
  } else if (name === 'unmute') {
    return (0, _jsxRuntime.jsx)(icons.Sound, {
      height: 20,
      stroke: semantics.textSecondary,
      width: 20
    });
  } else {
    return (0, _jsxRuntime.jsx)(icons.Lightning, {
      fill: semantics.textSecondary,
      height: 16,
      width: 16
    });
  }
};
exports.SuggestionCommandIcon = SuggestionCommandIcon;
var AutoCompleteSuggestionCommandIcon = ({
  name
}) => {
  var _useTheme2 = (0, _ThemeContext.useTheme)(),
    iconContainer = _useTheme2.theme.messageComposer.suggestions.command.iconContainer;
  return (0, _jsxRuntime.jsx)(_reactNative.View, {
    style: [styles.iconContainer, iconContainer],
    children: (0, _jsxRuntime.jsx)(SuggestionCommandIcon, {
      name: name
    })
  });
};
exports.AutoCompleteSuggestionCommandIcon = AutoCompleteSuggestionCommandIcon;
var styles = _reactNative.StyleSheet.create({
  iconContainer: {
    alignItems: 'center',
    borderRadius: 12,
    height: 24,
    justifyContent: 'center',
    marginRight: 8,
    width: 24
  }
});
//# sourceMappingURL=AutoCompleteSuggestionCommandIcon.js.map