@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
22 lines • 1.27 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ShowError = void 0;
var tslib_1 = require("tslib");
var react_components_1 = require("@fluentui/react-components");
var react_icons_1 = require("@fluentui/react-icons");
var react_1 = tslib_1.__importDefault(require("react"));
var stack_1 = require("../stack");
var useShowErrorStyles_1 = require("./useShowErrorStyles");
var ShowError = function (_a) {
var title = _a.title, message = _a.message;
var styles = (0, useShowErrorStyles_1.useShowErrorStyles)();
return (react_1.default.createElement(react_components_1.Card, { className: styles.container },
react_1.default.createElement(stack_1.Stack, { gap: "l", alignItems: "center" },
react_1.default.createElement(react_icons_1.ErrorCircleRegular, { className: styles.icon }),
react_1.default.createElement(stack_1.Stack, { gap: "s", alignItems: "center" },
react_1.default.createElement(react_components_1.Title3, { className: styles.title }, title),
react_1.default.createElement(react_components_1.Body1, { className: styles.message }, message)))));
};
exports.ShowError = ShowError;
exports.default = exports.ShowError;
//# sourceMappingURL=ShowError.js.map