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;
