spb/fetcha

1import * as React from "react";23export function AuthCard({ title, description, children, footer }: { title: string; description?: React.ReactNode; children: React.ReactNode; footer?: React.ReactNode }) {4  return (5    <div className="rounded-xl border border-border bg-bg-elevated p-6 shadow-md sm:p-8">6      <h1 className="text-xl font-semibold tracking-tight">{title}</h1>7      {description ? <p className="mt-1.5 text-[13.5px] leading-relaxed text-fg-muted">{description}</p> : null}8      <div className="mt-6">{children}</div>9      {footer ? <div className="mt-6 border-t border-border pt-5 text-center text-[13px] text-fg-muted">{footer}</div> : null}10    </div>11  );12}13