import { type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type CanvasRaysSparklesProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    children?: ReactNode;
    background?: CSSProperties['background'];
    canvasClassName?: string;
    canvasStyle?: CSSProperties;
    contentClassName?: string;
    disabled?: boolean;
    fps?: number;
    height?: CssLength;
    maxDevicePixelRatio?: number;
    minHeight?: CssLength;
    paused?: boolean;
    rayCount?: number;
    rayOpacity?: number;
    raySize?: number;
    respectReducedMotion?: boolean;
    sparkleColor?: CSSProperties['color'];
    sparkleCount?: number;
    sparkleOpacity?: number;
    sparkleSpread?: number;
    speed?: number;
    toggleOnPointerUp?: boolean;
    width?: CssLength;
};
export declare const CanvasRaysSparkles: ({ background, canvasClassName, canvasStyle, children, className, contentClassName, disabled, fps, height, maxDevicePixelRatio, minHeight, onPointerUp, paused, rayCount, rayOpacity, raySize, respectReducedMotion, sparkleColor, sparkleCount, sparkleOpacity, sparkleSpread, speed, style, toggleOnPointerUp, width, ...props }: CanvasRaysSparklesProps) => import("react/jsx-runtime").JSX.Element;