25 lines
596 B
TypeScript
25 lines
596 B
TypeScript
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>
|
|
);
|
|
}
|