You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
674 B
TypeScript
27 lines
674 B
TypeScript
// 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>
|
|
);
|
|
}
|