import {
  CloseIcon,
  LifeBuoyIcon
} from "./chunk-4T3TMQNJ.mjs";

// src/components/help-modal/modal.tsx
import { useState } from "react";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
function CopilotKitHelpModal() {
  const [showHelpModal, setShowHelpModal] = useState(false);
  const [issueDescription, setIssueDescription] = useState("");
  const handleSubmit = () => {
    setShowHelpModal(false);
  };
  const HelpButton = () => /* @__PURE__ */ jsx(
    "button",
    {
      onClick: () => setShowHelpModal(true),
      className: "p-2 bg-transparent rounded-full shadow-lg hover:shadow-xl transition-shadow duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
      "aria-label": "Open Help",
      children: /* @__PURE__ */ jsx(LifeBuoyIcon, {})
    }
  );
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(HelpButton, {}),
    showHelpModal && /* @__PURE__ */ jsx(
      "div",
      {
        className: "fixed inset-0 flex items-center justify-center p-4",
        style: { backgroundColor: "rgba(11, 15, 26, 0.5)", zIndex: 99 },
        children: /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full p-4 flex-col relative", children: [
          /* @__PURE__ */ jsx(
            "button",
            {
              className: "absolute text-gray-400 hover:text-gray-600 focus:outline-none",
              style: { top: "10px", right: "10px" },
              onClick: () => setShowHelpModal(false),
              "aria-label": "Close",
              children: /* @__PURE__ */ jsx(CloseIcon, {})
            }
          ),
          /* @__PURE__ */ jsx("div", { className: "w-full flex mb-6 justify-center", children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Help Options" }) }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-4 mb-4", children: [
            /* @__PURE__ */ jsx("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ jsx(
              "a",
              {
                href: "https://go.copilotkit.ai/dev-console-support-discord",
                target: "_blank",
                rel: "noopener noreferrer",
                children: "Go to Discord Support Channel (Community Support)"
              }
            ) }),
            /* @__PURE__ */ jsx("div", { className: "block w-full text-center py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-150 text-sm", children: /* @__PURE__ */ jsx(
              "a",
              {
                href: "https://go.copilotkit.ai/dev-console-support-slack",
                target: "_blank",
                rel: "noopener noreferrer",
                children: "Apply for Priority Direct Slack Support"
              }
            ) })
          ] })
        ] })
      }
    )
  ] });
}

export {
  CopilotKitHelpModal
};
//# sourceMappingURL=chunk-WOUWNTAV.mjs.map