Submatter/apps/web/components/marketing/border-glow-card.tsx

23 lines
456 B
TypeScript
Raw Normal View History

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>
);
}