Reveal

import { Reveal } from "@/components/ui/reveal";

export default function RevealDemo() {
	return (
		<div className="flex min-h-[300px] w-full items-center justify-center bg-background p-8">
			<Reveal className="w-72">
				<div className="rounded-md border border-border bg-card p-6 text-card-foreground">
					<h3 className="mb-2 text-lg font-semibold">The big reveal</h3>
					<p className="text-sm text-muted-foreground">
						This content was hidden behind a frosted-glass face and flipped
						into view when you clicked.
					</p>
				</div>
			</Reveal>
		</div>
	);
}