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

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.addBreakpointStyles = void 0;
const styled_components_1 = require("styled-components");
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 (0, styled_components_1.css) `
    ${mediaQuery} {
      ${template}
    }
  `;
};
exports.addBreakpointStyles = addBreakpointStyles;
//# sourceMappingURL=breakpointStyles.js.map