@ozen-ui/kit

Version:
React component library
34 lines (33 loc) • 1.3 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useListCardItemPadding = void 0;
var tslib_1 = require("tslib");
var useThemeTokens_1 = require("../../../hooks/useThemeTokens");
var utils_1 = require("../../../utils");
var CSS_VARIABLES = {
    INLINE: 'list-card-item-inline-padding',
    BLOCK: 'list-card-item-block-padding',
};
var useListCardItemPadding = function (padding) {
    var _a;
    var spacing = (0, useThemeTokens_1.useThemeTokens)().spacing;
    if (!padding) {
        return undefined;
    }
    if ((0, utils_1.isString)(padding)) {
        return (0, utils_1.generateCSSVariables)((_a = {},
            _a[CSS_VARIABLES.BLOCK] = "var(".concat(spacing.toCSSProperty(padding), ")"),
            _a[CSS_VARIABLES.INLINE] = "var(".concat(spacing.toCSSProperty(padding), ")"),
            _a));
    }
    var variables = {};
    var _b = tslib_1.__read(padding, 2), block = _b[0], inline = _b[1];
    if (block) {
        variables[CSS_VARIABLES.BLOCK] = "var(".concat(spacing.toCSSProperty(block), ")");
    }
    if (inline) {
        variables[CSS_VARIABLES.INLINE] = "var(".concat(spacing.toCSSProperty(inline), ")");
    }
    return (0, utils_1.generateCSSVariables)(variables);
};
exports.useListCardItemPadding = useListCardItemPadding;