@pnp/spfx-controls-react/lib-commonjs/controls/calendar/Card/useCardStyles.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useCardStyles = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var useComponentsUtils_1 = require("../hooks/useComponentsUtils");
var useCardStyles = function (props) {
    var styles = props.styles;
    var getBaseStyles = (0, useComponentsUtils_1.useComponentUtils)().getBaseStyles;
    var cardStyles = React.useCallback(function (containerWidth, containerHeight) {
        var baseStyles = getBaseStyles(props, containerWidth, containerHeight);
        return tslib_1.__assign(tslib_1.__assign({}, baseStyles), styles);
    }, [getBaseStyles, props, styles]);
    var bodyCardDefaultStyles = React.useMemo(function () {
        return {
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'start',
            alignItems: 'stretch',
            overflow: 'unset',
        };
    }, []);
    return { cardStyles: cardStyles, bodyCardDefaultStyles: bodyCardDefaultStyles };
};
exports.useCardStyles = useCardStyles;
//# sourceMappingURL=useCardStyles.js.map