@morfeo/hooks/commonjs/useStyles.js


"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyle = exports.useStyles = void 0;
const core_1 = require("@morfeo/core");
const useSyncMorfeo_1 = require("./useSyncMorfeo");
function parseStyles(styles) {
    const styleKeys = Object.keys(styles);
    return styleKeys.reduce((acc, curr) => (Object.assign(Object.assign({}, acc), { [curr]: core_1.morfeo.parsers.resolve(styles[curr]) })), {});
}
/**
 * useStyles
 * it returns the a record of styles that can be used as inline-style in your components.
 */
function useStyles(styles) {
    (0, useSyncMorfeo_1.useSyncMorfeo)();
    return parseStyles(styles);
}
exports.useStyles = useStyles;
/**
 * useStyles
 * it returns the a style that can be used as inline-style in your components.
 */
function useStyle(style) {
    const { style: parsedStyle } = useStyles({ style });
    return parsedStyle;
}
exports.useStyle = useStyle;
//# sourceMappingURL=useStyles.js.map