View Magnifier Demo 2

1'use client';
2import ViewMagnifier from '@/registry/bucharitesh/view-magnifier';
3import Image from 'next/image';
4export default function ViewMagnifierDemo() {
5  return (
6    <div className="relative grid w-full grid-cols-1 gap-20">
7      <ViewMagnifier>
8        <div className="relative h-[400px] w-full">
9          <Image
10            src="https://images.unsplash.com/photo-1554080353-a576cf803bda?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3387&q=80&w=828&q=75"
11            alt="random"
12            fill
13            className="object-cover"
14          />
15        </div>
16      </ViewMagnifier>
17    </div>
18  );
19}