import * as React from "react";
import { cn } from "@/lib/utils";

const DarkCard = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn(
      "border border-white/10 bg-white/3 p-8 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/6 hover:scale-105 hover:shadow-lg hover:shadow-cyan-500/15",
      className
    )}
    {...props}
  />
));
DarkCard.displayName = "DarkCard";

export { DarkCard };
