"use client";

import type { NodeProps } from "@xyflow/react";
import type { BaseNodeData } from "./BaseNode";
import { BaseNode } from "./BaseNode";

export function ConceptNode(props: NodeProps): React.JSX.Element {
  return (
    <BaseNode
      {...props}
      data={props.data as BaseNodeData}
      icon={
        <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth={2}
            d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
          />
        </svg>
      }
      color="#6366f1"
    />
  );
}
