Files
discord.js/apps/website/src/components/SyntaxHighlighter.tsx
2023-04-13 19:09:56 +02:00

17 lines
563 B
TypeScript

import { Code } from 'bright';
export function SyntaxHighlighter(props: typeof Code) {
return (
<>
<div data-theme="dark">
{/* @ts-expect-error async component */}
<Code codeClassName="font-mono" lang={props.lang ?? 'typescript'} {...props} theme="github-dark-dimmed" />
</div>
<div className="[&_pre]:border [&_pre]:border-gray-300 [&_pre]:rounded-md" data-theme="light">
{/* @ts-expect-error async component */}
<Code codeClassName="font-mono" lang={props.lang ?? 'typescript'} {...props} theme="min-light" />
</div>
</>
);
}