@porsche-design-system/components-react
Version:
Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.
22 lines (18 loc) • 842 B
JavaScript
"use client";
;
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
var componentsJs = require('@porsche-design-system/components-js');
// to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
const PorscheDesignSystemContext = react.createContext({
prefix: undefined,
theme: 'light',
});
const PorscheDesignSystemProvider = ({ prefix = '', cdn, theme = 'light', ...props }) => {
react.useEffect(() => {
componentsJs.load({ prefix, cdn });
}, []); // runtime prefix or cdn change is not supported
return jsxRuntime.jsx(PorscheDesignSystemContext.Provider, { value: { prefix, theme }, ...props });
};
exports.PorscheDesignSystemContext = PorscheDesignSystemContext;
exports.PorscheDesignSystemProvider = PorscheDesignSystemProvider;