"use client";

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

export function TaskNode(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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
          />
        </svg>
      }
      color="#10b981"
    />
  );
}
