@kubit-ui-web/react-components/dist/esm/utils/breakpointStyles/breakpointStyles.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { css } from 'styled-components';
export const addBreakpointStyles = (mediaQuery, stylesObj) => {
    let template = '';
    if (!mediaQuery || !stylesObj || !Object.keys(stylesObj).length) {
        return template;
    }
    Object.keys(stylesObj).forEach((prop) => {
        template += `
      ${prop}: ${stylesObj[prop]};
    `;
    });
    return css `
    ${mediaQuery} {
      ${template}
    }
  `;
};
//# sourceMappingURL=breakpointStyles.js.map