@magaya/react-components/dist/components/VersionInfo/VersionInfo.js

Magaya React Components Library

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VersionInfo = void 0;
var _react = _interopRequireDefault(require("react"));
var VersionInfo = function VersionInfo(_ref) {
  var versionNumber = _ref.versionNumber,
    updateAvailable = _ref.updateAvailable,
    colorTheme = _ref.colorTheme,
    position = _ref.position;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "d-flex ".concat(position === 'end' ? 'flex-row-reverse' : 'flex-row'),
    style: {
      fontFamily: 'Roboto, sans-serif'
    }
  }, /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      fontSize: 12,
      fontWeight: 'bold',
      color: "".concat(colorTheme === 'dark' ? '#FFFFFF' : '#919191')
    }
  }, "V: ", versionNumber), updateAvailable && /*#__PURE__*/_react["default"].createElement("a", {
    href: "https://knowledge.magaya.com/#/article/Update_Extensions/EN",
    className: "mx-2",
    target: "_blank",
    rel: "noopener",
    style: {
      fontSize: 11,
      fontWeight: 'normal',
      color: "".concat(colorTheme === 'dark' ? '#FFFFFF' : '#3489FB')
    }
  }, "New version available"));
};
exports.VersionInfo = VersionInfo;