Button Magnetic Button

1"use client";
2// beui.dev/components/motion/button
3 
4import { forwardRef } from "react";
5import { Magnetic } from "../magnetic";
6import { Button, type ButtonProps } from "./base";
7 
8export interface MagneticButtonProps extends ButtonProps {
9  /** Magnetic pull strength. Default 0.25. */
10  strength?: number;
11  /** Class applied to the magnetic wrapper. */
12  magneticClassName?: string;
13}
14 
15export const MagneticButton = forwardRef<HTMLButtonElement, MagneticButtonProps>(function MagneticButton(
16  { strength = 0.25, magneticClassName, children, ...rest },
17  ref,
18) {
19  return (
20    <Magnetic strength={strength} className={magneticClassName}>
21      <Button ref={ref} {...rest}>
22        {children}
23      </Button>
24    </Magnetic>
25  );
26});