@pnp/spfx-controls-react/lib-commonjs/controls/userPicker/showMessage/useShowMessageStyles.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useShowMessageStyles = void 0;
var tslib_1 = require("tslib");
/* eslint-disable @typescript-eslint/no-explicit-any */
var react_components_1 = require("@fluentui/react-components");
exports.useShowMessageStyles = (0, react_components_1.makeStyles)({
    root: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center" }, react_components_1.shorthands.padding("10px")), react_components_1.shorthands.gap("10px")),
    iconClass: {
        width: "32px",
        height: "32px",
    },
    errorContainer: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "start", alignItems: "center" }, react_components_1.shorthands.gap("10px")), react_components_1.shorthands.padding("10px")), { backgroundColor: react_components_1.tokens.colorStatusDangerBackground1 }),
    errorIcon: {
        width: "60px",
        height: "100%",
    },
});
//# sourceMappingURL=useShowMessageStyles.js.map