memento-dev/app/components/syntax/Fence.tsx

21 lines
510 B
TypeScript

import { clientOnly } from "vike-react/clientOnly";
import { SSRSnippet } from "./SSRSnippet";
import React from "react";
const CSRSnippet = clientOnly(() => import("./CSRSnippet"));
export function Fence({ children, language }: { children: string; language: string }) {
const props = {
language,
label: undefined,
showLineNumbers: false,
children,
};
return (
<div className="relative group">
<CSRSnippet {...props} fallback={<SSRSnippet {...props} />} />
</div>
);
}