import type { ReactNode } from "react";

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

type BorderGlowCardProps = {
  children: ReactNode;
  className?: string;
  as?: "div" | "article" | "li";
};

export function BorderGlowCard({ children, className, as: Tag = "div" }: BorderGlowCardProps) {
  return (
    <Tag
      className={cn(
        "marketing-glow-card rounded-md border border-border",
        className,
      )}
    >
      {children}
    </Tag>
  );
}