src/components/MessagePair.jsx

import MessageBubble from "./MessageBubble";

export default function MessagePair({ userMessage, assistantMessage }) {
  return (
    <div style={{ marginBottom: "16px" }}>
      <MessageBubble role="user" content={userMessage} />
      <MessageBubble role="assistant" content={assistantMessage} />
    </div>
  );
}