Magnetic Cards Demo

1"use client";
2 
3import { magneticCardsDemoItems } from "@/lib/demo/magnetic-cards-demo-items";
4import { MagneticCards } from "@/components/sora-ui/effects/magnetic-cards";
5 
6export function MagneticCardsExample() {
7  return (
8    <div className="h-[min(420px,60dvh)] w-full min-w-0 sm:h-[460px]">
9      <MagneticCards className="h-full w-full" items={magneticCardsDemoItems} />
10    </div>
11  );
12}
13 
14export default MagneticCardsExample;