import * as UI from '../../src/index'
import { Canvas, Meta, Story } from "@storybook/addon-docs";
export const iconDecorator = (Story) => {
const items = Story();
const lines = items.map(
({ className, icon }) =>
<tr><td>${className}</td><td>${icon}</td><td><img src="proxy.php?url=https%3A%2F%2Fgithub.com%2FJavaScriptSolidServer%2Fsolid-ui%2Fblob%2FesmFix%2Fsrc%2Fstories%2F%24%7BUI.icons.iconBase%7D%24%7Bicon%7D" style="width:20px; height:20px;" /></td></tr>
);
return <table><th>className</th><th>icon</th><th>Preview</th> ${lines.join("")} </table>;
};
Best logo or avatar or photo etc to represent someone or some group etc
{() => Object.keys(UI.widgets.iconForClass).map((className) => { const icon = UI.widgets.iconForClass[className]; return { className, icon }; }) }