Alois
6a5236bafe
(feat): update methanium ui (fix): user data caching (fix): other random stuff (qol): update todo
30 lines
667 B
TypeScript
30 lines
667 B
TypeScript
import { useMemo, type CSSProperties } from "react";
|
|
|
|
import {
|
|
ensureMarkdownStyles,
|
|
parseMarkdownBlocks,
|
|
renderBlocks,
|
|
} from "./markdown";
|
|
|
|
export type TextProps = {
|
|
value: string;
|
|
fontSize?: CSSProperties["fontSize"];
|
|
};
|
|
|
|
/**
|
|
* Executes Text.
|
|
* @param props Parameter props.
|
|
* @returns unknown.
|
|
*/
|
|
export default function Text(props: TextProps) {
|
|
ensureMarkdownStyles();
|
|
|
|
const blocks = useMemo(() => parseMarkdownBlocks(props.value), [props.value]);
|
|
const renderedBlocks = useMemo(() => renderBlocks(blocks), [blocks]);
|
|
|
|
return (
|
|
<div className="tm-md-root" style={{ fontSize: props.fontSize }}>
|
|
{renderedBlocks}
|
|
</div>
|
|
);
|
|
}
|