@magaya/react-components
Version:
Magaya React Components Library
56 lines (55 loc) • 1.93 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ReleaseNotes = void 0;
var _react = _interopRequireDefault(require("react"));
var _Card = require("../Card");
var ReleaseNotes = function ReleaseNotes(_ref) {
var extName = _ref.extName,
changes = _ref.changes;
return /*#__PURE__*/_react["default"].createElement(_Card.Card, {
style: {
boxShadow: '0px 3px 6px #00000029',
border: '1px solid #FDFDFD',
maxWidth: 430
}
}, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_Card.CardTitle, {
style: {
fontSize: 16,
color: '#1D1F1F'
}
}, "What\u2019s new on ", extName)), /*#__PURE__*/_react["default"].createElement(_Card.CardBody, {
style: {
fontSize: 13,
color: '#919191'
}
}, /*#__PURE__*/_react["default"].createElement("hr", {
className: "k-hr",
style: {
borderColor: '#919191'
}
}), /*#__PURE__*/_react["default"].createElement("ul", {
className: "list-unstyled"
}, changes.map(function (change, index) {
return /*#__PURE__*/_react["default"].createElement("li", {
key: index
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "d-flex flex-row"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "p-1"
}, /*#__PURE__*/_react["default"].createElement("span", {
className: "d-inline-block ml-n1",
style: {
background: '#3489FB 0% 0% no-repeat padding-box',
borderRadius: 15,
width: 8,
height: 8
}
})), /*#__PURE__*/_react["default"].createElement("div", {
className: "p-1"
}, /*#__PURE__*/_react["default"].createElement("span", null, change))));
}))));
};
exports.ReleaseNotes = ReleaseNotes;