@wener/console/lib/components/ComponentRegistry.stories.js

Base console UI toolkit

import React from "react";
import { PiHeart } from "react-icons/pi";
import { SiteLogo } from "../console/components/index.js";
import { ComponentProvider } from "./ComponentProvider.js";
var meta = {
    title: "React/ComponentProvider",
    parameters: {
        layout: "fullscreen"
    }
};
export default meta;
export var Demo = function () {
    // const reg = useComponentRegistry();
    return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", null, "Default SiteLogo"), /*#__PURE__*/ React.createElement(SiteLogo, {
        className: "h-6 w-6"
    }), /*#__PURE__*/ React.createElement("div", null, "Provided SiteLogo"), /*#__PURE__*/ React.createElement(ComponentProvider, {
        components: [
            {
                provide: SiteLogo,
                Component: PiHeart
            }
        ]
    }, /*#__PURE__*/ React.createElement(SiteLogo, {
        className: "h-6 w-6"
    })));
};