Help WidgetHelp Widget

import * as React from "react";
import { HelpWidget, type HelpArticle, type HelpWidgetHandle } from "@/components/ui/notchset/blocks/help-widget";

export function Help({ articles }: { articles: HelpArticle[] }) {
  const help = React.useRef<HelpWidgetHandle>(null);
  return (
    <HelpWidget
      handle={help}
      greeting="Hi. What do you need?"
      articles={articles}
      agent={{ name: "Ava", initials: "AM", replies: "REPLIES IN ABOUT 5 MIN" }}
      onAsk={async (text: string, context: string | null) => {
        const res = await fetch("/api/support/messages", { method: "POST", body: JSON.stringify({ text, context }) });
        return ((await res.json()) as { reply: string }).reply;
      }}
    />
  );
}