@assistant-ui/react/dist/primitives/messagePart/MessagePartText.js

Open-source TypeScript/React library for building production-grade AI chat experiences

"use client";
import { Primitive, renderSlot } from "../../utils/Primitive.js";
import { useMessagePartText } from "./useMessagePartText.js";
import { useSmooth } from "../../utils/smooth/useSmooth.js";
import { forwardRef, isValidElement } from "@assistant-ui/tap/react-shim";
import { jsx } from "react/jsx-runtime";
// src/primitives/messagePart/MessagePartText.tsx
/**
* Renders the text content of a message part with optional smooth streaming.
*
* This component displays text content from the current message part context,
* with support for smooth streaming animation that shows text appearing
* character by character as it's generated.
*
* @example
* ```tsx
* <MessagePartPrimitive.Text
*   smooth={true}
*   component="p"
*   className="message-text"
* />
* ```
*/
const MessagePartPrimitiveText = forwardRef(({ smooth = true, component: Component = Primitive.span, render, ...rest }, forwardedRef) => {
	const { text, status } = useSmooth(useMessagePartText(), smooth);
	const mergedProps = {
		"data-status": status.type,
		...rest,
		ref: forwardedRef
	};
	if (render && isValidElement(render)) return renderSlot(render, text, mergedProps);
	return /* @__PURE__ */ jsx(Component, {
		...mergedProps,
		children: text
	});
});
MessagePartPrimitiveText.displayName = "MessagePartPrimitive.Text";
export { MessagePartPrimitiveText };

//# sourceMappingURL=MessagePartText.js.map