import { SVGProps } from "react";
import * as react_jsx_runtime2 from "react/jsx-runtime";

//#region src/components/Loader/spinner.d.ts
/**
 * Props for the Spinner component
 */
type SpinnerProps = SVGProps<SVGSVGElement> & {
  /** Stroke width for the spinner animation circles. Defaults to 4 */strokeWidth?: number;
};
/**
 * Spinner Component
 *
 * An animated SVG spinner that displays two expanding and fading circles
 * to indicate loading or processing states. Uses smooth CSS animations
 * with spline curves for natural motion.
 *
 * @component
 * @example
 * Basic usage:
 * ```tsx
 * <Spinner />
 * ```
 *
 * @example
 * Custom stroke width:
 * ```tsx
 * <Spinner strokeWidth={6} className="text-blue-500" />
 * ```
 *
 * @example
 * Custom size:
 * ```tsx
 * <Spinner className="size-8 text-red-500" strokeWidth={2} />
 * ```
 *
 * Features:
 * - Smooth expanding circle animation
 * - Customizable stroke width
 * - Inherits text color from parent (currentColor)
 * - Responsive sizing through className
 * - Infinite loop animation
 * - Two-phase animation with offset timing
 * - Optimized SVG with minimal DOM impact
 *
 * Animation Details:
 * - Duration: 1.8 seconds per cycle
 * - Two circles with 0.9s offset
 * - Radius expands from 1 to 20
 * - Opacity fades from 1 to 0
 * - Spline easing for natural motion
 *
 * @param props - SVG props with custom spinner options
 * @param props.className - CSS classes for styling and sizing
 * @param props.strokeWidth - Line thickness for the animated circles
 * @param props.color - SVG color (use className with text-color for easier styling)
 * @param props.width - SVG width (defaults to 44, use className for responsive sizing)
 * @param props.height - SVG height (defaults to 44, use className for responsive sizing)
 * @param props...rest - All other standard SVG element attributes
 *
 * @returns An animated SVG spinner element
 */
declare const Spinner: ({
  className,
  strokeWidth
}: SpinnerProps) => react_jsx_runtime2.JSX.Element;
//#endregion
export { Spinner };
//# sourceMappingURL=spinner.d.ts.map