export function TextMessage()

in frontend/src/components/messages/TextMessage.tsx [25:42]

• 18 lines of code
• 1 McCabe index (conditional complexity)

export function TextMessage({ text, isUser }: TextMessageProps) {
  return (
    <div
      className={clsx("flex flex-row gap-2", {
        "justify-end py-2": isUser,
      })}
    >
      <div
        className={clsx("rounded-[20px]", {
          "px-4 max-w-[90%] ml-4 text-stone--900 bg-[#ededed]": isUser,
          "px-4 max-w-[90%] mr-4 text-black bg-white": !isUser,
        })}
      >
        <ReactMarkdown components={{ a: CustomLink }}>{text}</ReactMarkdown>
      </div>
    </div>
  );
}