/**
 * @fileoverview Container with a rotating animated gradient border.
 * @author Saasflare™
 * Renders a conic-gradient border that continuously rotates around the
 * element. Can wrap buttons, cards, or any content.
 * @module packages/ui/components/ui/moving-border
 * @package ui
 *
 * @component
 * @example
 * import { MovingBorder } from '@saasflare/ui';
 * <MovingBorder>
 *   <button className="px-6 py-3 font-semibold">Get Started</button>
 * </MovingBorder>
 *
 * @example
 * // Custom colors and speed
 * <MovingBorder
 *   colors={["var(--chart-1)", "var(--chart-2)", "var(--primary)"]}
 *   duration={4}
 *   borderWidth={2}
 * >
 *   <div className="p-6">Card content</div>
 * </MovingBorder>
 */
import { type ReactNode } from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Props for the MovingBorder component. */
export interface MovingBorderProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Content inside the border. */
    children: ReactNode;
    /** Gradient colors for the rotating border. */
    colors?: string[];
    /** Rotation cycle duration in seconds. Default: `6` */
    duration?: number;
    /** Border width in pixels. Default: `1.5` */
    borderWidth?: number;
    /** Border radius (CSS value). Default: `"0.75rem"` */
    borderRadius?: string;
    /** Additional class names for the outer wrapper. */
    className?: string;
}
/**
 * Wrapper with a continuously rotating gradient border.
 *
 * - Uses a conic-gradient that rotates via CSS animation
 * - Inner content sits on top with a solid background
 * - Renders a static border when `animated` is `false` or reduced motion is preferred
 * - Works on any element (buttons, cards, containers)
 *
 * @component
 * @package ui
 */
export declare function MovingBorder({ children, colors, duration, borderWidth, borderRadius, className, surface, radius, animated, iconWeight, ...rest }: MovingBorderProps): import("react/jsx-runtime").JSX.Element;