@ozen-ui/kit/__inner__/esm/components/ListCardItem/hooks/useListCardItemPadding.js

React component library

import { __read } from "tslib";
import { useThemeTokens } from '../../../hooks/useThemeTokens';
import { generateCSSVariables, isString } from '../../../utils';
var CSS_VARIABLES = {
    INLINE: 'list-card-item-inline-padding',
    BLOCK: 'list-card-item-block-padding',
};
export var useListCardItemPadding = function (padding) {
    var _a;
    var spacing = useThemeTokens().spacing;
    if (!padding) {
        return undefined;
    }
    if (isString(padding)) {
        return 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 = __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 generateCSSVariables(variables);
};