import { jsxs as s, jsx as l } from "react/jsx-runtime";
import { d as n } from "./index-C62tPk5p.js";
const T = ({
  getAppData: d,
  setAppData: t,
  disabled: e,
  slug: c
}) => {
  const u = d("DATABUDDY_SCRIPT_URL"), r = d("DATABUDDY_API_URL"), i = d("CLIENT_ID");
  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
    /* @__PURE__ */ l(
      n,
      {
        dataTestid: `${c}-url`,
        name: "DataBuddy Script URL",
        defaultValue: "https://cdn.databuddy.cc/databuddy.js",
        placeholder: "https://cdn.databuddy.cc/databuddy.js",
        value: u,
        disabled: e,
        onChange: (a) => {
          t("DATABUDDY_SCRIPT_URL", a.target.value);
        }
      }
    ),
    /* @__PURE__ */ l(
      n,
      {
        dataTestid: `${c}-api-url`,
        name: "DataBuddy API URL",
        defaultValue: "https://basket.databuddy.cc",
        placeholder: "https://basket.databuddy.cc",
        value: r,
        disabled: e,
        onChange: (a) => {
          t("DATABUDDY_API_URL", a.target.value);
        }
      }
    ),
    /* @__PURE__ */ l(
      n,
      {
        dataTestid: `${c}-client-id`,
        disabled: e,
        name: "Client ID",
        placeholder: "databuddy-client-id",
        value: i,
        onChange: (a) => {
          t("CLIENT_ID", a.target.value);
        }
      }
    )
  ] });
};
export {
  T as default
};
