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

interface DropIndicatorProps {
  isActive: boolean;
}

export function DropIndicator({ isActive }: DropIndicatorProps) {
  return (
    <div
      className={cn(
        "mx-4 h-9 rounded-xl border-2 border-dashed border-primary/50 bg-primary/10 transition-all",
        isActive ? "opacity-100" : "pointer-events-none opacity-0"
      )}
    />
  );
}
