openai-cookbook/apps/file-q-and-a/nextjs-with-flask-server/client/src/components/LoadingText.tsx

import React, { memo } from "react";

import LoadingSpinner from "./LoadingSpinner";

type LoadingTextProps = {
  text: string;
};

function LoadingText(props: LoadingTextProps) {
  return (
    <div className="text-gray-500 text-md flex flex-row justify-center items-center">
      <LoadingSpinner />
      {props.text && <div className="flex">{props.text}</div>}
    </div>
  );
}

export default memo(LoadingText);