@pnp/spfx-controls-react/lib-commonjs/controls/uploadFiles/components/UploadFiles/useUploadFilesStyles.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useUploadFilesStyles = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
/* eslint-disable @typescript-eslint/explicit-function-return-type */
var jotai_1 = require("jotai");
var Styling_1 = require("@fluentui/react/lib/Styling");
var globalState_1 = require("../../jotai/atoms/globalState");
var useUploadFilesStyles = function () {
    var appGlobalState = (0, jotai_1.useAtom)(globalState_1.globalState)[0];
    var themeVariant = appGlobalState.themeVariant;
    var titleStyles = react_1.default.useMemo(function () {
        return {
            root: {
                paddingRight: 20,
                paddingLeft: 20,
                fontWeight: Styling_1.FontWeights.semibold,
            },
        };
    }, [themeVariant]);
    var mainContainer = react_1.default.useMemo(function () {
        return {
            root: {
                height: "100%",
                width: "100%",
                overflow: "hidden",
            },
        };
    }, [themeVariant]);
    return { titleStyles: titleStyles, mainContainer: mainContainer };
};
exports.useUploadFilesStyles = useUploadFilesStyles;
//# sourceMappingURL=useUploadFilesStyles.js.map