17 lines
602 B
JavaScript
17 lines
602 B
JavaScript
|
import { styleHookSingleton } from './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
|
||
|
|
*/
|
||
|
|
export var styleSingleton = function () {
|
||
|
|
var useStyle = styleHookSingleton();
|
||
|
|
var Sheet = function (_a) {
|
||
|
|
var styles = _a.styles, dynamic = _a.dynamic;
|
||
|
|
useStyle(styles, dynamic);
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
return Sheet;
|
||
|
|
};
|