const ChatLoadingContainer = () => {
  return (
    <>
      <div className="flex justify-start pb-10">
        <div className="backdrop-blur-[32px] bg-surface-element-dark-hover flex items-center justify-center pt-4 pb-4 px-6 relative max-w-[496px] rounded-lg">
          {/* 三个点loading动画 */}
          <div className="flex items-center gap-1">
            <div className="w-2 h-2 bg-txt-secondary-normal rounded-full animate-bounce [animation-delay:-0.3s]"></div>
            <div className="w-2 h-2 bg-txt-secondary-normal rounded-full animate-bounce [animation-delay:-0.15s]"></div>
            <div className="w-2 h-2 bg-txt-secondary-normal rounded-full animate-bounce"></div>
          </div>
        </div>
      </div>
      <div className="h-8" />
    </>
  );
}

export default ChatLoadingContainer;
