@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
32 lines • 1.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileError = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_components_1 = require("@fluentui/react-components");
var react_icons_1 = require("@fluentui/react-icons");
var useStyles = (0, react_components_1.makeStyles)({
root: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "start" }, react_components_1.shorthands.gap("5px")), { paddingTop: "10px" }),
iconErrorStyle: {
width: "18px",
height: "18px",
color: react_components_1.tokens.colorStatusWarningForeground1,
},
errorTextStyles: {
color: react_components_1.tokens.colorStatusWarningForeground1,
paddingLeft: "5px",
},
});
var FileError = function (props) {
var isShow = props.isShow, error = props.error;
if (!isShow) {
return null;
}
var styles = useStyles();
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: styles.root },
React.createElement(react_icons_1.ErrorCircleRegular, { className: styles.iconErrorStyle }),
React.createElement(react_components_1.Caption1Strong, { className: styles.errorTextStyles }, error))));
};
exports.FileError = FileError;
//# sourceMappingURL=FileError.js.map