Gist.tsx

import React from "react";
import classes from "./Post.module.css";
import Prism from "react-syntax-highlighter/dist/cjs/prism";

interface IGistProps {
  lang: string;
  file?: string;
  code: string;
}

const Gist: React.FC<IGistProps> = ({ lang, file, code }) => {
  return (
    <>
      {file ? (
        <div className={classes["blog-post-gist-filename"]}>{file}</div>
      ) : null}

      <Prism
        language={lang === "" ? "text" : lang}
        showLineNumbers={lang !== "text"}
        wrapLines
        wrapLongLines={lang === "text"}
      >
        {code}
      </Prism>
    </>
  );
};

export default Gist;