import Image from "../Image";

const Generating = ({ className }) => (
    <div
        className={`flex items-center h-[3.375rem] px-6 bg-n-8/80 rounded-[1.6875rem] ${
            className || ""
        } text-base`}
    >
        <Image
            className="w-5 h-5 mr-4"
            src="/images/loading.png"
            width={20}
            height={20}
            alt="Loading"
        />
        AI is generating|
    </div>
);

export default Generating;