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

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

"use client";
import { Primitive } from "../../utils/Primitive.js";
import { useMessagePartImage } from "./useMessagePartImage.js";
import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
import { forwardRef } from "@assistant-ui/tap/react-shim";
import { jsx } from "react/jsx-runtime";
// src/primitives/messagePart/MessagePartImage.tsx
/**
* Renders an image from the current message part context.
*
* This component displays image content from the current message part,
* automatically setting the src attribute from the message part's image data.
*
* @example
* ```tsx
* <MessagePartPrimitive.Image
*   alt="Generated image"
*   className="message-image"
*   style={{ maxWidth: '100%' }}
* />
* ```
*/
const MessagePartPrimitiveImage = forwardRef((props, forwardedRef) => {
	const $ = c(4);
	const { image } = useMessagePartImage();
	let t0;
	if ($[0] !== forwardedRef || $[1] !== image || $[2] !== props) {
		t0 = /* @__PURE__ */ jsx(Primitive.img, {
			src: image,
			...props,
			ref: forwardedRef
		});
		$[0] = forwardedRef;
		$[1] = image;
		$[2] = props;
		$[3] = t0;
	} else t0 = $[3];
	return t0;
});
MessagePartPrimitiveImage.displayName = "MessagePartPrimitive.Image";
export { MessagePartPrimitiveImage };

//# sourceMappingURL=MessagePartImage.js.map