Hooks

useIMessageVariant

Reads the active visual variant ("default" or "glass") provided by the nearest IMessageScreen / IMessageThread — how HeroBubble decides to render frosted glass fills. Use it to make your own components glass-aware.

import { useIMessageVariant } from "imessage-ui";

function MyBubbleDecoration() {
  const variant = useIMessageVariant(); // "default" | "glass"
  return variant === "glass" ? <FrostedEdge /> : <SolidEdge />;
}

useIMessageVariant(): IMessageVariant