@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
48 lines (47 loc) • 1.48 kB
JavaScript
"use client";
import StaticMermaid from "./StaticMermaid.mjs";
import StreamMermaid from "./StreamMermaid.mjs";
import { variants } from "./style.mjs";
import { memo } from "react";
import { jsx } from "react/jsx-runtime";
import { cx } from "antd-style";
//#region src/Mermaid/SyntaxMermaid/index.tsx
const SyntaxMermaid = memo(({ animated, children, className, fallbackClassName, ref, style, theme: customTheme, variant = "borderless" }) => {
const isDefaultTheme = customTheme === "lobe-theme" || !customTheme;
const showBackground = !isDefaultTheme && variant === "filled";
const resolvedTheme = isDefaultTheme ? void 0 : customTheme;
const mermaidClassName = cx(variants({
animated,
mermaid: true,
showBackground,
variant
}), className);
const fallback = cx(variants({
animated,
mermaid: false,
showBackground,
variant
}), fallbackClassName);
if (animated) return /* @__PURE__ */ jsx(StreamMermaid, {
className: mermaidClassName,
fallbackClassName: fallback,
ref,
style,
theme: resolvedTheme,
variant,
children
});
return /* @__PURE__ */ jsx(StaticMermaid, {
className: mermaidClassName,
fallbackClassName: fallback,
ref,
style,
theme: resolvedTheme,
variant,
children
});
}, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.animated === nextProps.animated);
SyntaxMermaid.displayName = "SyntaxMermaid";
//#endregion
export { SyntaxMermaid as default };
//# sourceMappingURL=index.mjs.map