var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelColorTab.tsx
var ResourceWallControlPanelColorTab_exports = {};
__export(ResourceWallControlPanelColorTab_exports, {
  ResourceWallControlPanelColorTab: () => ResourceWallControlPanelColorTab
});
module.exports = __toCommonJS(ResourceWallControlPanelColorTab_exports);
var import_react = __toESM(require("react"));
var import_locales = require("../../../../locales");
var import_venueWallUtils = require("./venueWallUtils");
var ResourceWallControlPanelColorTab = ({
  adminSectionBg,
  adminInputBg,
  headerText,
  mutedText,
  divider,
  draftOcc,
  setDraftOcc,
  draftAvail,
  setDraftAvail,
  draftTones,
  setDraftTones
}) => {
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("section", { className: `rounded-2xl border p-4 space-y-4 ${adminSectionBg}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `text-sm font-semibold ${headerText}` }, (0, import_locales.getText)("pisell-resource-wall-tab-colors")), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ import_react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, (0, import_locales.getText)("pisell-resource-wall-occupied-card-color-label")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react.default.createElement(
    "input",
    {
      type: "color",
      value: draftOcc,
      onChange: (e) => setDraftOcc(e.target.value),
      className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
    }
  ), /* @__PURE__ */ import_react.default.createElement(
    "input",
    {
      type: "text",
      value: draftOcc,
      onChange: (e) => setDraftOcc(e.target.value),
      className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
    }
  ))), /* @__PURE__ */ import_react.default.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, (0, import_locales.getText)("pisell-resource-wall-available-card-color-label")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react.default.createElement(
    "input",
    {
      type: "color",
      value: draftAvail,
      onChange: (e) => setDraftAvail(e.target.value),
      className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
    }
  ), /* @__PURE__ */ import_react.default.createElement(
    "input",
    {
      type: "text",
      value: draftAvail,
      onChange: (e) => setDraftAvail(e.target.value),
      className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
    }
  ))))), /* @__PURE__ */ import_react.default.createElement("section", { className: `overflow-hidden rounded-2xl border ${adminSectionBg}` }, /* @__PURE__ */ import_react.default.createElement(
    "div",
    {
      className: `border-b px-4 py-3 text-sm font-semibold ${headerText} ${divider}`
    },
    (0, import_locales.getText)("pisell-resource-wall-status-table-title")
  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] gap-3 border-b px-4 py-3 text-xs font-semibold text-slate-500" }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell-resource-wall-status-col-key")), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell-resource-wall-status-col-label")), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell-resource-wall-status-col-explain")), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell-resource-wall-status-col-color")), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_locales.getText)("pisell-resource-wall-status-col-notebg"))), import_venueWallUtils.VENUE_WALL_STATUS_KEYS.map((key) => {
    const item = draftTones[key];
    return /* @__PURE__ */ import_react.default.createElement(
      "div",
      {
        key,
        className: `grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] items-center gap-3 border-b px-4 py-3 last:border-b-0 ${divider}`
      },
      /* @__PURE__ */ import_react.default.createElement("div", { className: `text-sm font-medium ${headerText}` }, (0, import_locales.getText)(`pisell-resource-wall-status-id-${key}`)),
      /* @__PURE__ */ import_react.default.createElement(
        "input",
        {
          type: "text",
          value: item.label,
          onChange: (e) => setDraftTones((prev) => ({
            ...prev,
            [key]: { ...prev[key], label: e.target.value }
          })),
          className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
        }
      ),
      /* @__PURE__ */ import_react.default.createElement(
        "textarea",
        {
          rows: 2,
          value: item.note,
          onChange: (e) => setDraftTones((prev) => ({
            ...prev,
            [key]: { ...prev[key], note: e.target.value }
          })),
          className: `w-full resize-none rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
        }
      ),
      /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement(
        "input",
        {
          type: "color",
          value: item.color,
          onChange: (e) => setDraftTones((prev) => ({
            ...prev,
            [key]: { ...prev[key], color: e.target.value }
          })),
          className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
        }
      ), /* @__PURE__ */ import_react.default.createElement(
        "input",
        {
          type: "text",
          value: item.color,
          onChange: (e) => setDraftTones((prev) => ({
            ...prev,
            [key]: { ...prev[key], color: e.target.value }
          })),
          className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
        }
      )),
      /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement(
        "input",
        {
          type: "text",
          value: item.noteBg,
          onChange: (e) => setDraftTones((prev) => ({
            ...prev,
            [key]: { ...prev[key], noteBg: e.target.value }
          })),
          className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
        }
      ))
    );
  })));
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  ResourceWallControlPanelColorTab
});
