Open In Chat Positioning Demo

1import OpenInChat from "@/registry/8starlabs-ui/blocks/open-in-chat";
2 
3export default function OpenInChatPositioningDemo() {
4  return (
5    <div className="flex min-h-52 w-full flex-wrap items-center justify-center gap-4">
6      <OpenInChat
7        prompt="Turn this changelog into release notes."
8        triggerLabel="Bottom start"
9        align="start"
10        side="bottom"
11      />
12      <OpenInChat
13        prompt="Summarize this design review for the product team."
14        triggerLabel="Top end"
15        align="end"
16        side="top"
17      />
18      <OpenInChat
19        prompt="List the follow-up questions for this implementation."
20        triggerLabel="Right center"
21        align="center"
22        side="right"
23      />
24    </div>
25  );
26}