File name
Commit message
Commit date
File name
Commit message
Commit date
import Image from "next/image";
import type { ReactNode } from "react";
interface AuthCardProps {
title?: string;
children: ReactNode;
}
/** primary 배경 전면 위 중앙 카드(로그인 등 인증 화면용). */
export function AuthCard({ title, children }: AuthCardProps) {
return (
<div className="flex min-h-screen items-center justify-center bg-primary p-6">
<div className="w-full max-w-sm rounded-2xl bg-surface p-8 shadow-list-card">
<Image
src="/images/logo-foxpay.svg"
alt="FoxPay"
width={170}
height={62}
className="mx-auto h-10 w-auto"
priority
/>
{title && (
<h1 className="mt-6 text-center text-title-lg text-foreground">{title}</h1>
)}
<div className="mt-6">{children}</div>
</div>
</div>
);
}