component.js
745 Bytes
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.styleSingleton = void 0;
var hook_1 = require("./hook");
/**
* create a Component to add styles on demand
* - styles are added when first instance is mounted
* - styles are removed when the last instance is unmounted
* - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior
*/
var styleSingleton = function () {
var useStyle = (0, hook_1.styleHookSingleton)();
var Sheet = function (_a) {
var styles = _a.styles, dynamic = _a.dynamic;
useStyle(styles, dynamic);
return null;
};
return Sheet;
};
exports.styleSingleton = styleSingleton;