import React from 'react';
import Image from '../Image';

interface GeneratingProps {
  className?: string;
}

const Generating: React.FC<GeneratingProps> = ({ 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;