function TypingIndicator()

in components/Chat.tsx [32:53]

• 22 lines of code
• 4 McCabe index (conditional complexity)

function TypingIndicator({ sender }: { sender: "user" | "agent" }) {
  const color = sender === "user" ? "bg-zinc-900" : "bg-white";
  return (
    <div
      className={`flex mb-5 ${
        sender === "user" ? "justify-start" : "justify-end"
      }`}
    >
      <div
        className={`flex gap-1 items-center rounded-[16px] px-4 py-3 ${
          sender === "user"
            ? "text-zinc-900 bg-[#ECECF1] mr-4 md:mr-24 rounded-bl-[4px]"
            : "bg-black text-white ml-4 md:ml-24 rounded-br-[4px]"
        }`}
      >
        <TypingIndicatorDot delay="0s" color={color} />
        <TypingIndicatorDot delay="0.2s" color={color} />
        <TypingIndicatorDot delay="0.4s" color={color} />
      </div>
    </div>
  );
}