import Image from "next/image";
import { memo, type JSX } from "react";

export default memo(function RenderModal(): JSX.Element {

  return (
    <div className={"flex-1 flex flex-col items-center justify-center gap-2"}>
      <Image src={"/icons/octahedron.svg"} alt={"ocrahedron"} width={180} height={250} />
      <p className={"title-1 whitespace-pre-wrap text-wrap text-center"}>
        Your 3D model was sent to processing! Please await for end, you will receive the notification
      </p>
    </div>
  );
});