maisonsport-common-ui/dist/commonjs/molecules/ConversationAlertBubble/index.js

Suite of styled-components to be consumed by the React-Native App and by the Web (via React-Native for Web)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.conversationAlertBubbleContentTestID = exports.conversationAlertBubbleTestID = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _native = require("styled-components/native");

var _theme = _interopRequireDefault(require("../../theme"));

var _Box = _interopRequireDefault(require("../../atoms/Box"));

var _Text = _interopRequireDefault(require("../../atoms/Text"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const conversationAlertBubbleTestID = 'conversation-alert-bubble';
exports.conversationAlertBubbleTestID = conversationAlertBubbleTestID;
const conversationAlertBubbleContentTestID = 'conversation-alert-content';
exports.conversationAlertBubbleContentTestID = conversationAlertBubbleContentTestID;

function ConversationAlertBubble({
  text
}) {
  return /*#__PURE__*/_react.default.createElement(_native.ThemeProvider, {
    theme: _theme.default
  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
    noWrapTheme: true,
    padding: 2,
    width: 1
  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
    testID: conversationAlertBubbleTestID,
    noWrapTheme: true,
    width: 1,
    padding: 3,
    backgroundColor: "lightRed",
    borderRadius: 10
  }, /*#__PURE__*/_react.default.createElement(_Text.default, {
    testID: conversationAlertBubbleContentTestID,
    noWrapTheme: true,
    fontSize: 1,
    color: "white",
    textAlign: "center",
    fontWeight: 4
  }, text))));
}

ConversationAlertBubble.propTypes = {
  text: _propTypes.default.string.isRequired
};
var _default = ConversationAlertBubble;
exports.default = _default;
//# sourceMappingURL=index.js.map