import * as React from 'react';
import { type BackgroundPatternVariant } from './background-pattern-shared';
type SpotlightConfig = {
    size?: number | string;
    persistent?: boolean;
};
interface BackgroundPatternProps extends React.ComponentProps<'div'> {
    /**
     * Pattern texture painted behind the content.
     * @default 'dots'
     */
    variant?: BackgroundPatternVariant;
    /**
     * Cursor-following highlight. `true` for a 200px fading highlight; a number/length sizes it; an object with
     * `persistent: true` keeps it always on.
     * @default false
     */
    spotlight?: boolean | number | string | SpotlightConfig;
    /** Cell size in px; overrides the per-variant default (dots 14, grid/dashed-grid 28, hexagons 40). */
    cellSize?: number;
    /**
     * Where the spotlight reads pointer movement. `'self'` tracks over this element; `'window'` tracks anywhere - for a
     * pattern positioned behind unrelated content.
     * @default 'self'
     */
    track?: 'self' | 'window';
}
declare function BackgroundPattern({ variant, spotlight, cellSize, track, className, style, children, ...props }: BackgroundPatternProps): React.JSX.Element;
export { BackgroundPattern };
export type { BackgroundPatternProps };
//# sourceMappingURL=background-pattern.d.ts.map