/* =============================================================================
 * B04_PreProcess_UI_Group.ts
 * 묶음 상자 — 카드 부품 + 패널 머리 부품을 한 번에 조립한다(왼쪽 패널 넷 · 도엽 서피스 칸).
 * ========================================================================== */

import { createPanelHead } from "@ui/ui_template_panel_head";

/** 제목이 달린 카드. `className` 은 칸 안 배치(기본 = 세로 쌓임) 자리 이름. */
export function buildSurfaceGroup(
  title: string,
  children: HTMLElement[],
  className = "b04-surface__group",
): HTMLElement {
  const root = document.createElement("section");
  // ui-sidebar-section: 사이드 컨테이너 공통 외곽선(진하게, 2026-08-05 사용자 지시).
  root.className = `ui-card ui-sidebar-section ${className}`;
  root.dataset.pad = "16";
  root.append(createPanelHead({ title }).root, ...children);
  return root;
}