24 lines
1.0 KiB
TypeScript
24 lines
1.0 KiB
TypeScript
/** Process(다크) 섹션 — AGDP 순환 다이어그램 레이아웃 */
|
|
|
|
export type AgdpSlot = "left" | "top" | "right" | "bottom";
|
|
|
|
export type AgdpNodeDef = {
|
|
letter: string;
|
|
label: string;
|
|
slot: AgdpSlot;
|
|
};
|
|
|
|
export const AGDP_NODES: readonly AgdpNodeDef[] = [
|
|
{ letter: "A", label: "Analysis", slot: "left" },
|
|
{ letter: "G", label: "Generation", slot: "top" },
|
|
{ letter: "D", label: "Distribution", slot: "right" },
|
|
{ letter: "P", label: "Performance", slot: "bottom" },
|
|
];
|
|
|
|
export const AGDP_SLOT_WRAPPER_CLASS: Record<AgdpSlot, string> = {
|
|
left: "absolute top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 z-30 flex flex-col items-center gap-3 md:gap-4",
|
|
top: "absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2 z-30 flex flex-col items-center gap-3 md:gap-4",
|
|
right: "absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2 z-30 flex flex-col items-center gap-3 md:gap-4",
|
|
bottom: "absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2 z-30 flex flex-col items-center gap-3 md:gap-4",
|
|
};
|