import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
export function MessageBubble(props) {
    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: props.item.role === "user" ? "cyan" : props.item.role === "error" ? "red" : "green", children: props.item.role }), _jsx(Text, { children: props.item.text })] }));
}
