import SpinnerSVG from '@/components/svg/SpinnerSVG';

import { BIG_ACTION_BUTTON_GAP } from './BigActionButton';

interface ChatInputLoadingTextProps {
  text: string;
  className?: string;
}

export const ChatInputLoadingText: React.FC<ChatInputLoadingTextProps> = ({
  text,
  className = '',
}) => {
  return (
    <div
      className={`flex items-center ${className}`}
      style={{ gap: `${BIG_ACTION_BUTTON_GAP}px` }}
    >
      <SpinnerSVG />
      <span className='text-sm font-medium text-foreground-primary'>
        {text}
      </span>
    </div>
  );
};