import { jsxs as x, jsx as o } from "react/jsx-runtime";
import { c as p } from "../../../../index-BtlgVD4m.js";
import { StepperStepStatus as r } from "../../types/StepperStepStatus.js";
import d from "../../../box/Box.js";
import v from "../../../label/Label.js";
import h from "../../../text/Text.js";
import u from "../../../badge/Badge.js";
const g = ({
  currentTitle: m,
  currentDescription: a,
  isLarge: n = !1,
  isNavigable: e = !1,
  status: t,
  completedBadgeLabel: s,
  completedBadgeIcon: c
}) => {
  const i = t === r.COMPLETED, l = t === r.ACTIVE, f = p(
    "font-[var(--font-weight-normal)]",
    // Active state: blue text
    l && "text-[var(--base-sidebar-accent-foreground)] font-[var(--font-weight-semibold)]",
    // Navigation hover: status-specific text color
    e && "cursor-pointer",
    e && i && "group-hover:text-[var(--base-success-text)]",
    e && t === r.WARNING && "group-hover:text-[var(--base-warning-text)]",
    e && t === r.ERROR && "group-hover:text-[var(--base-danger-text)]"
  );
  return /* @__PURE__ */ x(d, { className: "flex flex-col items-start gap-[var(--spacing-1)] min-w-0 overflow-hidden", children: [
    /* @__PURE__ */ o(v, { variant: "title", className: p(f, "truncate w-full"), children: m }),
    !n && a && /* @__PURE__ */ o(h, { type: "small", weight: "regular", color: l ? "info" : void 0, children: a }),
    i && n && s && /* @__PURE__ */ o(u, { label: s, variant: "success", icon: c })
  ] });
};
g.displayName = "StepperStepTitle";
export {
  g as default
};
//# sourceMappingURL=StepperStepTitle.js.map
