import { aZ as l, aW as t, s as m } from "./index-6jcTChn4.js";
import { A as u } from "./AppCard-YGWCah1h.js";
import { u as h } from "./useIsAppEnabled-i8k_pVtm.js";
const C = function({ app: a, eventType: n }) {
  var p;
  const { getAppData: d, setAppData: i, disabled: s } = l(), r = d("SITE_ID"), { enabled: o, updateEnabled: c } = h(a);
  return /* @__PURE__ */ t.jsx(
    u,
    {
      app: a,
      switchOnClick: (e) => {
        c(e);
      },
      switchChecked: o,
      teamId: ((p = n.team) == null ? void 0 : p.id) || void 0,
      children: /* @__PURE__ */ t.jsx("fieldset", { className: "space-y-2", disabled: s, children: /* @__PURE__ */ t.jsx(
        m,
        {
          disabled: s,
          name: "Site ID",
          value: r,
          placeholder: "Enter your Site ID",
          onChange: (e) => {
            i("SITE_ID", e.target.value);
          }
        }
      ) })
    }
  );
};
export {
  C as default
};
