MetaBall Hero

// TODO: Add code
import MetaBalls from "@/components/ui/meta-ball-hero";

export default function DemoTwo() {
  return (
    <div className="relative w-full h-screen bg-background overflow-hidden">
      <div className="absolute inset-0 w-full h-full">
        <MetaBalls
          color="#00ffff"
          cursorBallColor="#ff00ff"
          speed={0.5}
          ballCount={5}
          animationSize={35}
          enableMouseInteraction={true}
          enableTransparency={true}
          hoverSmoothness={0.08}
          clumpFactor={0.4}
          cursorBallSize={2}
        />
      </div>
    </div>
  );
};