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

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

/** White panel so footer copy and icons stay readable over the geometric pattern. */
export function FooterSurface({ children, className }: Props) {
  return (
    <div
      className={cn(
        "rounded-2xl border border-[#37a47a]/14 bg-white p-6 shadow-md shadow-[#37a47a]/6 md:p-8",
        className
      )}
    >
      {children}
    </div>
  );
}
