"use client";

import { cn } from "@/lib/utils";

type AgentWorkflowParticleScatterProps = {
  className?: string;
};

export function AgentWorkflowParticleScatter({
  className,
}: AgentWorkflowParticleScatterProps) {
  return (
    <div
      className={cn(
        "pointer-events-none absolute inset-x-0 bottom-0 overflow-hidden",
        className
      )}
    >
      <iframe
        aria-hidden="true"
        className="h-full w-full border-0 bg-transparent [mask-image:linear-gradient(to_top,black_72%,transparent_100%)]"
        loading="eager"
        src="/particle-scatter-effect.html"
        tabIndex={-1}
        title="Particle Scatter Background"
      />
    </div>
  );
}