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

interface FloatingElementProps {
  children: React.ReactNode;
  className?: string;
  variant?: "left" | "right";
}

function FloatingElement({ children, className, variant = "left" }: FloatingElementProps) {
  return (
    <div
      className={cn(
        "pointer-events-none",
        variant === "left" ? "animate-bird-left" : "animate-bird-right",
        className
      )}
    >
      {children}
    </div>
  );
}

export { FloatingElement };