@ozen-ui/kit
Version:
React component library
43 lines (42 loc) • 1.3 kB
JavaScript
import { __assign, __read, __spreadArray } from "tslib";
import { cn } from '../../utils/classname';
import './MixSpacing.css';
export var mixSpacingMarginVariant = [
'm',
'mt',
'mr',
'ml',
'mb',
'mx',
'my',
];
export var mixSpacingPaddingVariant = [
'p',
'pt',
'pr',
'pl',
'pb',
'px',
'py',
];
export var mixSpacingSpaceVariant = __spreadArray(__spreadArray([], __read(mixSpacingMarginVariant), false), __read(mixSpacingPaddingVariant), false);
export var cnMixSpacing = cn('MixSpacing');
export var spacing = function (props) {
var spaces = props &&
Object.entries(props).reduce(function (acc, _a) {
var _b;
var _c = __read(_a, 2), key = _c[0], value = _c[1];
return (__assign(__assign({}, acc), (_b = {}, _b[key] = String(value), _b)));
}, {});
var _a = spaces || {}, mt = _a.mt, mr = _a.mr, mb = _a.mb, ml = _a.ml, pt = _a.pt, pr = _a.pr, pb = _a.pb, pl = _a.pl, p = _a.p, m = _a.m, mx = _a.mx, my = _a.my, px = _a.px, py = _a.py;
return cnMixSpacing({
mt: mt || my || m,
mr: mr || mx || m,
mb: mb || my || m,
ml: ml || mx || m,
pt: pt || py || p,
pr: pr || px || p,
pb: pb || py || p,
pl: pl || px || p,
});
};