"use client";

import { memo } from "react";
import { NodeProps } from "reactflow";
import { MessageSquare } from "lucide-react";
import { CompactNodeShell } from "./CompactNodeShell";

export const CommentNode = memo(({ data, selected }: NodeProps<any>) => {
  return (
    <CompactNodeShell
      color="#6B7280"
      label="메모"
      summary={data.comment || data.text || "메모를 작성해 주세요"}
      icon={<MessageSquare className="h-3.5 w-3.5" />}
      selected={selected}
      hasInput={false}
      hasOutput={false}
    />
  );
});

CommentNode.displayName = "CommentNode";