add infotile component, use in message modal

2026-04-09 15:42:53 +00:00
parent 3b00395036
commit 31418f5df0
2 changed files with 23 additions and 53 deletions
@@ -0,0 +1,18 @@
+import * as React from "bloatless-react";
+
+export function InfoTile(icon: string, label: string, content: string|React.State<string>) {
+    let contentState: React.State<string>
+    if (typeof content == "string") {
+        contentState = new React.State(content);
+    } else {
+        contentState = content;
+    }
+
+    return <div class="tile">
+        <span class="icon">{icon}</span>
+        <div>
+            <span>{label}</span>
+            <b class="break-word" subscribe:innerText={contentState}></b>
+        </div>
+    </div>;
+}