stream-chat-react-native-core/lib/module/components/UIComponents/SelectionCircle.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.SelectionCircle = 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/SelectionCircle.tsx";
var SelectionCircle = ({
  selected
}) => {
  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
    icons = _useComponentsContext.icons;
  var _useTheme = (0, _ThemeContext.useTheme)(),
    _useTheme$theme = _useTheme.theme,
    _useTheme$theme$selec = _useTheme$theme.selectionCircle,
    circle = _useTheme$theme$selec.circle,
    circleSelected = _useTheme$theme$selec.circleSelected,
    semantics = _useTheme$theme.semantics;
  if (selected) {
    return (0, _jsxRuntime.jsx)(_reactNative.View, {
      style: [styles.circle, {
        backgroundColor: semantics.accentPrimary,
        borderColor: semantics.accentPrimary
      }, circleSelected],
      children: (0, _jsxRuntime.jsx)(icons.Checkmark, {
        height: 14,
        pathFill: semantics.textOnAccent,
        width: 14
      })
    });
  }
  return (0, _jsxRuntime.jsx)(_reactNative.View, {
    style: [styles.circle, {
      borderColor: semantics.borderCoreDefault
    }, circle]
  });
};
exports.SelectionCircle = SelectionCircle;
SelectionCircle.displayName = 'SelectionCircle{selectionCircle}';
var styles = _reactNative.StyleSheet.create({
  circle: {
    alignItems: 'center',
    borderRadius: _theme.primitives.radiusMax,
    borderWidth: 1,
    height: 24,
    justifyContent: 'center',
    width: 24
  }
});
//# sourceMappingURL=SelectionCircle.js.map