design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
44 lines (43 loc) • 1.76 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
var _getIcon = require("../../helpers/getIcon");
var _Button = _interopRequireDefault(require("../Button/Button"));
var _styles = require("./styles");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Message = function Message(_ref) {
var message = _ref.message,
messageTitle = _ref.messageTitle,
onClose = _ref.onClose,
showIcon = _ref.showIcon,
type = _ref.type;
return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, {
type: type,
role: "alert",
"aria-live": "polite"
}, showIcon && /*#__PURE__*/_react.default.createElement(_styles.Icon, {
"aria-hidden": "true",
icon: (0, _getIcon.getIcon)(type)
}), /*#__PURE__*/_react.default.createElement("div", null, messageTitle && /*#__PURE__*/_react.default.createElement(_styles.MessageTitle, null, messageTitle), /*#__PURE__*/_react.default.createElement("span", null, message)), onClose && /*#__PURE__*/_react.default.createElement(_Button.default, {
circle: true,
iconProps: {
icon: _freeSolidSvgIcons.faTimes,
ariaLabel: "Fechar"
},
onClick: onClose
}));
};
Message.propTypes = {
message: _propTypes.default.string.isRequired,
messageTitle: _propTypes.default.string,
onClose: _propTypes.default.func,
showIcon: _propTypes.default.bool,
type: _propTypes.default.oneOf(["error", "info", "success", "warn"]).isRequired
};
var _default = Message;
exports.default = _default;