/**
 * DOESN'T USE FOR NOW!
 */

// import type { ReactNode } from "react";
//
// export default function Loading(): ReactNode {
//
//   return (
//     <div className={"flex flex-col pt-5"}>
//       {Array.from({ length: 20 }).map((_, i) => (
//         <div key={i}
//              className={"flex items-center pt-5"}>
//           <div className={"flex items-center w-[250px] gap-5 h-[80px]"}>
//             <div className={"w-[80px] h-[80px] opacity-55 animate-flashing rounded-[4px]"}/>
//
//             <div className={"w-[130px] h-[80px] flex flex-col gap-5 justify-start items-start"}>
//               <div className={"h-[26px] w-full opacity-55 animate-flashing rounded-[4px]"}/>
//               <div className={"h-[22px] w-1/2 opacity-55 animate-flashing rounded-[4px]"}/>
//             </div>
//
//           </div>
//           {Array.from({ length: 5 }).map((_, i) => (
//             <div key={i}
//                  className={"flex-1 flex items-center justify-end"}>
//               <div className={"flex h-[22px] w-[100px] opacity-55 animate-flashing rounded-[4px]"}/>
//             </div>
//           ))}
//           <div className={"w-[140px] flex justify-center items-center"}>
//             <div className={"flex h-[22px] w-[100px] opacity-55 animate-flashing rounded-[4px]"}/>
//           </div>
//         </div>
//       ))}
//     </div>
//   );
// }