@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
41 lines • 1.94 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useNoDocumentsStyles = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var jotai_1 = require("jotai");
var Styling_1 = require("@fluentui/react/lib/Styling");
/* eslint-disable @typescript-eslint/explicit-function-return-type */
var atoms_1 = require("../../jotai/atoms");
var useNoDocumentsStyles = function () {
var appGlobalState = (0, jotai_1.useAtom)(atoms_1.globalState)[0];
var themeVariant = appGlobalState.themeVariant;
var controlStyles = React.useMemo(function () {
var _a;
return (0, Styling_1.mergeStyleSets)({
iconStyles: (0, Styling_1.mergeStyles)({
fontSize: 34,
color: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themePrimary,
}),
});
}, [themeVariant]);
var stackContainerStyles = React.useMemo(function () {
var _a, _b;
return {
root: {
width: "100%",
height: 450,
display: "flex",
alignItems: "center",
justifyContent: "center",
backgroundColor: (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.neutralLighterAlt,
borderWidth: 1,
borderStyle: "dashed",
borderColor: (_b = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _b === void 0 ? void 0 : _b.neutralTertiaryAlt,
},
};
}, [themeVariant,]);
return { stackContainerStyles: stackContainerStyles, controlStyles: controlStyles };
};
exports.useNoDocumentsStyles = useNoDocumentsStyles;
//# sourceMappingURL=useNoDocumentsStyles.js.map