@hanamura/rcgen/dist/templates/components/Switcher.module.css.tmpl.js

Generate optimized React container components from configuration

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = render;
const utils_1 = require("../../src/utils");
/**
 * Render the Switcher component's CSS Module
 */
function render(config) {
    const prefix = config.variablePrefix ? `${config.variablePrefix}-` : '';
    return `/* generated by static-generator */

.item.isActive {
  display: contents;
}

${config.queries
        .map(({ name, query }) => {
        const n = (0, utils_1.normalizeName)(name);
        return `
@media ${query} {
  .item:not(.isActive) {
    display: none;
  }

  .item.is:${n} {
    display: contents;
  }
}
    `;
    })
        .join('\n')}
`;
}