"use client";

import Magnet from "@/registry/nexui/magnet";

export default function MagnetExample() {
  return (
    <div className="flex flex-col items-center gap-6">
      <Magnet>
        <button className="rounded-xl border border-white/10 bg-white/5 px-8 py-4 text-lg font-medium text-white backdrop-blur-sm transition-colors hover:bg-white/10">
          Hover me
        </button>
      </Magnet>
      <Magnet stiffness={200} damping={15}>
        <div className="flex items-center gap-3 rounded-2xl border border-white/10 bg-gradient-to-br from-blue-500/20 to-purple-500/20 px-6 py-3">
          <div className="size-3 rounded-full bg-blue-400" />
          <span className="text-sm font-medium text-white">Stronger pull</span>
        </div>
      </Magnet>
    </div>
  );
}
magnet example
