import type { ComponentPropsWithoutRef, ReactNode } from "react";
import { cn } from "@/lib/utils";

type Props = ComponentPropsWithoutRef<"section"> & {
  children: ReactNode;
};

export function Card({
  className,
  children,
  ...props
}: Props) {
  return (
    <section
      className={cn(
        "relative overflow-hidden rounded-[26px] border border-[#d8e4f3]/90 bg-[linear-gradient(165deg,#ffffff_0%,#f6faff_100%)] p-5 shadow-[0_22px_40px_-28px_rgba(38,99,172,0.44),0_8px_18px_-14px_rgba(15,23,42,0.24)] transition-[border-color,box-shadow,transform] duration-300",
        className,
      )}
      {...props}
    >
      {children}
    </section>
  );
}
