import type { VFXOpts, VFXProps } from '@vfx-js/core';
import { type HTMLAttributes, type ReactNode } from 'react';
export type CrtVfxPreset = 'subtle' | 'classic' | 'distorted';
export type CrtVfxVariant = 'color' | 'phosphor';
export type CrtVfxTuning = {
    curvature?: number;
    chromaticAberration?: number;
    radialJitter?: number;
    scanlines?: number;
    grid?: number;
    vignette?: number;
    noise?: number;
    pixelSize?: number;
    phosphor?: number;
    glitch?: number;
    glitchRate?: number;
    roll?: number;
    speed?: number;
};
export type CrtVfxProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    children: ReactNode;
    disabled?: boolean;
    respectReducedMotion?: boolean;
    variant?: CrtVfxVariant;
    preset?: CrtVfxPreset;
    intensity?: number;
    tuning?: CrtVfxTuning;
    targetSelector?: string;
    autoRefresh?: boolean;
    refreshKey?: string | number;
    pixelRatio?: number;
    scrollPadding?: VFXOpts['scrollPadding'];
    targetOverflow?: VFXProps['overflow'];
    sourceOpacity?: VFXProps['overlay'];
    pauseWhenOffscreen?: boolean;
};
export declare const CrtVfx: ({ children, className, disabled, respectReducedMotion, variant, preset, intensity, tuning, targetSelector, autoRefresh, refreshKey, pixelRatio, scrollPadding, targetOverflow, sourceOpacity, pauseWhenOffscreen, ...props }: CrtVfxProps) => import("react/jsx-runtime").JSX.Element;