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

export default ChatLoadingContainer
