import React from "react";


export default function NeonCard({
  className = "",
  as: Tag = "div",
  children,
  ...rest
}) {
  return (
    <Tag
      className={[
        "rounded-2xl bg-white/5 backdrop-blur-md",
        "border border-cyan-400/20 hover:border-cyan-400/40",
        "shadow-[0_0_0_1px_rgba(34,211,238,0.06)] hover:shadow-[0_0_22px_rgba(34,211,238,0.25)]",
        "transition-colors duration-200",
        className,
      ].join(" ")}
      {...rest}
    >
      {children}
    </Tag>
  );
}
