import { jsxs as c, jsx as i } from "react/jsx-runtime";
import { k as s } from "./index-ykl8OQ78.js";
const p = ({
  getAppData: a,
  setAppData: t,
  disabled: l,
  slug: r
}) => {
  const n = a("PLAUSIBLE_URL"), o = a("trackingId");
  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-2", children: [
    /* @__PURE__ */ i(
      s,
      {
        dataTestid: `${r}-url`,
        name: "Plausible URL",
        defaultValue: "https://plausible.io/js/script.js",
        placeholder: "https://plausible.io/js/script.js",
        value: n,
        disabled: l,
        onChange: (e) => {
          t("PLAUSIBLE_URL", e.target.value);
        }
      }
    ),
    /* @__PURE__ */ i(
      s,
      {
        dataTestid: `${r}-tracking-id`,
        disabled: l,
        name: "Tracked Domain",
        placeholder: "yourdomain.com",
        value: o,
        onChange: (e) => {
          t("trackingId", e.target.value);
        }
      }
    )
  ] });
};
export {
  p as default
};
