blank-panel.tsx28 lines · main

1	export function AuthBlankPanel({
2	title,
3	body,
4	}: {
5	title: string;
6	body: string;
7	}) {
8	return (
9	<section
10	className="rounded-md border p-6"
11	style={{
12	borderColor: 'var(--auth-accent-border, var(--color-border))',
13	background: 'var(--color-surface-raised)',
14	}}
15	>
16	<h2 className="font-mono text-sm text-[var(--color-text)]">{title}</h2>
17	<p className="mt-2 max-w-xl font-mono text-xs leading-relaxed text-[var(--color-text-muted)]">
18	{body}
19	</p>
20	<p
21	className="mt-4 font-mono text-[10px] uppercase tracking-widest"
22	style={{ color: 'var(--auth-accent, #FFFD74)' }}
23	>
24	coming with Auth v2
25	</p>
26	</section>
27	);
28	}