// frontend/components/journey/JourneyColumn.tsx — 단계 컬럼 (원본 Col)
import type { JourneyStage } from "@/lib/types";

export function JourneyColumn({
  stage,
  count,
  children,
}: {
  stage: JourneyStage;
  count?: string;
  children: React.ReactNode;
}) {
  return (
    <div className="jx-col">
      <div className="jx-chead">
        <span
          className="dot"
          style={{ background: stage.tone === "ink" ? "var(--ink)" : `var(--${stage.tone})` }}
        />
        <span className="t">{stage.title}</span>
        <span className="n">{count || stage.n}</span>
      </div>
      <div className="jx-cbody">{children}</div>
    </div>
  );
}