import * as three from "three";
import createClusterBoundaryMaterial from "../materials/createClusterBoundaryMaterial";

export interface ClusterInfo {
  center: { x: number; y: number };
  radius: number;
  color: three.Color;
}

export default function createClusterBoundaryMesh(
  cluster: ClusterInfo
): three.Mesh {
  // Create a circle geometry for the cluster boundary
  const geometry = new three.PlaneGeometry(
    cluster.radius * 2.5, // Make it larger to encompass the cluster
    cluster.radius * 2.5
  );

  const material = createClusterBoundaryMaterial(cluster.color);
  const mesh = new three.Mesh(geometry, material);

  // Position the mesh at the cluster center
  mesh.position.set(cluster.center.x, cluster.center.y, -100); // Behind everything else
  mesh.renderOrder = -1;

  return mesh;
}