@react-ui-org/react-ui/src/components/Grid/_helpers/generateResponsiveCustomProperties.js

React UI is a themeable UI library for React apps.

const prepareValueByType = (value, type) => {
  if (type === 'spacing') {
    return `var(--rui-dimension-space-${value})`;
  }

  return value;
};

export const generateResponsiveCustomProperties = (prop, infix, type = null) => {
  if (typeof prop === 'undefined') {
    return null;
  }

  if (typeof prop !== 'object') {
    return { [`--rui-local-${infix}-xs`]: prepareValueByType(prop, type) };
  }

  return Object.keys(prop).reduce((acc, breakpoint) => ({
    ...acc,
    [`--rui-local-${infix}-${breakpoint}`]: prepareValueByType(prop[breakpoint], type),
  }), {});
};