@ntragas/pouncejstest
Version:
A collection of UI components from Panther labs
30 lines (23 loc) • 867 B
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.useItemSpacingProps = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var useItemSpacingProps = function useItemSpacingProps(spacing, direction, sx) {
return _react.default.useMemo(function () {
if (!spacing) {
return sx;
}
var isFlexColumn = direction && direction.includes('column');
return {
sx: (0, _extends2.default)({}, sx, {
'& > *:not(:last-child)': {
marginRight: isFlexColumn ? undefined : spacing,
marginBottom: isFlexColumn ? spacing : undefined
}
})
};
}, [spacing, direction, sx]);
};
exports.useItemSpacingProps = useItemSpacingProps;