/* =============================================================================
 * B05_Profile_UI_Panel_Route.ts
 * 좌측 패널의 **노선 쪽 칸 재료** — 계획노선 편집 단추. 칸 틀은
 * `B05_Profile_UI_Panel_Sections.ts` 가 씌운다(등록부). 「경로 계산 설정」은 `Old/` 로 옮김(54-24).
 * 「선택 포인트 상세」(3D 노선 점 옮김 · 지움)는 지움(345-2).
 * `B05_Profile_UI_Panel.ts` 에서 떼어냈다(계획서 24-2b). 본문 로직과 수치는 그대로다.
 * ========================================================================== */

import { button } from "./B05_Profile_UI_Panel_Fields";

export interface RoutePartCallbacks {
  /** [계획노선 편집] — 큰 모달을 열어 노선을 고친다(계산은 모달 [확인]에서만 돈다). */
  onEditPlannedRoute: () => void;
}

export function createRoutePart(callbacks: RoutePartCallbacks) {
  // 계획노선 편집 — 노선을 고치는 유일한 입구(2026-09-06 사용자 확정). 자동탐색
  // (「경로 계산 설정」)은 사용 중단이라 이 자리가 노선을 바꾸는 길이다.
  const plannedRouteBtn = button("계획노선 편집", () => callbacks.onEditPlannedRoute());
  plannedRouteBtn.classList.add("b05-route__btn");
  plannedRouteBtn.title = "예상노선 위에서 계획노선을 고칩니다. [확인] 때만 다시 계산합니다.";

  return { plannedRouteButton: plannedRouteBtn };
}

export type RoutePart = ReturnType<typeof createRoutePart>;