import type { ReactNode } from "react";

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

type CardProps = {
  children: ReactNode;
  className?: string;
};

export function Card({ children, className }: CardProps) {
  return (
    <article
      className={cn(
        "group enterprise-panel rounded-lg p-6 transition duration-300 hover:-translate-y-0.5 hover:border-primary/25 hover:shadow-[0_26px_80px_rgb(15_23_42_/_0.09)]",
        className,
      )}
    >
      {children}
    </article>
  );
}