ai-chatbot/components/agents/AgentWorkflowParticleScatter.tsx
Your Name ff4f48bffc
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled
feat: use original particle scatter banner effect
2026-03-21 11:22:56 +08:00

30 lines
692 B
TypeScript

"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>
);
}