formbricks/apps/formbricks-com/components/shared/Fence.jsx

import { Fragment } from "react";
import { Highlight } from "prism-react-renderer";

export function Fence({ children, language }) {
  return (
    <Highlight code={children.trimEnd()} language={language} theme={undefined}>
      {({ className, style, tokens, getTokenProps }) => (
        <pre className={className} style={style}>
          <code>
            {tokens.map((line, lineIndex) => (
              <Fragment key={lineIndex}>
                {line
                  .filter((token) => !token.empty)
                  .map((token, tokenIndex) => (
                    <span key={tokenIndex} {...getTokenProps({ token })} />
                  ))}
                {"\n"}
              </Fragment>
            ))}
          </code>
        </pre>
      )}
    </Highlight>
  );
}