15 lines
645 B
TypeScript
15 lines
645 B
TypeScript
import clsx from "clsx";
|
|
|
|
const GenLoader: React.FC<{module: string, custom?: string, className?: string}> = ({module, custom, className}) => {
|
|
return (
|
|
<div className={clsx("w-full cursor-text px-7 py-8 border-2 border-mti-gray-platinum rounded-3xl", className)}>
|
|
<div className="flex flex-col items-center justify-center animate-pulse">
|
|
<span className={`loading loading-infinity w-32 bg-ielts-${module}`} />
|
|
<span className={`font-bold text-2xl text-ielts-${module}`}>{`${custom ? custom : "Generating..."}`}</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default GenLoader;
|