Arkie-Library-Frontend/src/components/messageStream/bubbles/ImageBubble.tsx

import type { Post } from "../../../types/post";
import { SingleImageFrame } from "./SingleImageFrame";

export function ImageBubble({ post }: { post: Post }) {
  const att = post.attachments[0];
  if (!att) return null;
  return (
    <SingleImageFrame
      postId={post.id}
      attachment={att}
      showFilename={post.categorySlug === "official-assets"}
    />
  );
}