interface SettingsSection { section: "DIVIDER" | "CUSTOM" | string; element?(): React.ReactElement; label?: string; id?: string; className?: string; } interface SectionOptions { render(): React.ReactElement; className?: string; } interface KernelSettings { /**  * Registers a tab in the settings section below "Kernel".  * @param name Represents the name of the tab, will also be the label.  * @param render Render/Options for the tab. See {@link SettingsOptions}  */ register(name: string, render: (() => React.ReactElement) | SectionOptions): () => boolean; /**  * Represents all registered panels.  */ panels: SettingsSection[]; private initialize(): void; }

KernelSettings.register("MyAwesomeTab", () => <p>Hi :p</p>); // or KernelSettings.register("MyAwesomeTab", { render: () => <p>Hi :p</p>, className: "my-className-will-be-visible-in-dom" });