import React from 'react';
export interface BorderBeamAnimationProps {
    /** 是否显示动画 */
    isVisible: boolean;
    /** 圆角半径 */
    borderRadius: number;
    /** 动画完成回调 */
    onAnimationComplete?: () => void;
    /** 渐变 ID，用于避免多个实例冲突（已废弃，组件内部自动生成唯一 ID） */
    gradientId?: string;
    /** 水平偏移量 */
    offsetX?: number;
    /** 垂直偏移量 */
    offsetY?: number;
}
/**
 * BorderBeamAnimation 组件 - 边框光束动画
 *
 * 该组件提供一个沿边框移动的彩色光束动画效果，通常用于输入框获得焦点时的视觉反馈。
 *
 * @component
 * @description 边框光束动画组件，使用 SVG 和 Framer Motion 实现
 * @param {BorderBeamAnimationProps} props - 组件属性
 * @param {boolean} props.isVisible - 是否显示动画
 * @param {number} props.borderRadius - 圆角半径
 * @param {() => void} [props.onAnimationComplete] - 动画完成回调
 * @param {string} [props.gradientId] - 渐变 ID，用于避免多个实例冲突
 * @param {number} [props.offsetX] - 水平偏移量，默认为 6
 * @param {number} [props.offsetY] - 垂直偏移量，默认为 16
 *
 * @example
 * ```tsx
 * <BorderBeamAnimation
 *   isVisible={isFocused}
 *   borderRadius={16}
 *   onAnimationComplete={() => setAnimationComplete(true)}
 * />
 * ```
 *
 * @returns {React.ReactElement | null} 渲染的动画组件或 null
 *
 * @remarks
 * - 使用 Framer Motion 实现路径动画
 * - 包含两条路径：模糊的尾部路径和明亮的核心路径
 * - 动画持续时间为 1 秒
 * - 使用线性渐变实现彩色光束效果
 * - 路径计算在组件内部完成
 * - 使用 ResizeObserver 自动获取容器尺寸
 */
export declare const BorderBeamAnimation: React.FC<BorderBeamAnimationProps>;
