import React from "react";
import type { MagneticElementProps } from "./MagneticElement.types";
/**
 * MagneticElement
 *
 * A wrapper component that adds a magnetic pull effect to its children.
 * When the cursor moves over the element, it subtly translates toward
 * the cursor position, creating an engaging interactive effect.
 *
 * The component uses spring-based animations for smooth, natural movement
 * and respects the user's reduced motion preferences.
 *
 * @example
 * ```tsx
 * <MagneticElement strength={0.3}>
 *   <Button>Hover me</Button>
 * </MagneticElement>
 * ```
 *
 * @example
 * ```tsx
 * // With parallax inner content
 * <MagneticElement strength={0.4} innerStrength={2}>
 *   <div className="p-4">
 *     <span>Pull me closer</span>
 *   </div>
 * </MagneticElement>
 * ```
 */
export declare const MagneticElement: React.ForwardRefExoticComponent<MagneticElementProps & React.RefAttributes<HTMLDivElement>>;
