kirukib
cb404ec079
Some checks failed
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Has been cancelled
Centralize primary, secondary, tertiary, and neutral tokens and apply them across theme variables and UI components. Co-authored-by: Cursor <cursoragent@cursor.com>
22 lines
497 B
TypeScript
22 lines
497 B
TypeScript
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>
|
|
);
|
|
}
|