"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { useT } from "@open-mercato/shared/lib/i18n/context";
import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
import { DashedTileButton } from "./DashedTileButton.js";
import { LANE_WIDTH_CLASS } from "./constants.js";
function AddStageLane({ onClick, disabled = false }) {
  const t = useT();
  const label = translateWithFallback(t, "customers.deals.kanban.cta.newStage", "New stage");
  return /* @__PURE__ */ jsxs(
    DashedTileButton,
    {
      onClick,
      disabled,
      ariaLabel: label,
      className: `${LANE_WIDTH_CLASS} flex-none flex-col rounded-xl px-3.5 py-5 text-muted-foreground hover:text-foreground min-h-[60vh]`,
      children: [
        /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold leading-none", children: "+" }),
        /* @__PURE__ */ jsx("span", { className: "text-base font-semibold leading-normal", children: label })
      ]
    }
  );
}
var AddStageLane_default = AddStageLane;
export {
  AddStageLane,
  AddStageLane_default as default
};
//# sourceMappingURL=AddStageLane.js.map
