Masked Slide Reveal

import { MaskedSlideReveal } from "@/components/ui/masked-slide-reveal";

export default function MaskedSlideRevealDemo() {
  return (
    <div className="flex min-h-[500px] w-full items-center justify-center bg-background p-6">
      <div className="overflow-hidden rounded-xl border border-border shadow-sm">
        <MaskedSlideReveal
          text="Reveal from the mask"
          width={800}
          height={450}
          fontSize={64}
        />
      </div>
    </div>
  );
}