import { type HTMLAttributes, type ReactNode } from 'react';
import * as THREE from 'three';
import { type CssLength } from '../../../utils/css';
export type TunnelEffectPageColor = string | number | THREE.Color;
export type TunnelEffectPageProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
    title?: ReactNode;
    subtitle?: ReactNode;
    children?: ReactNode;
    ariaLabel?: string;
    canvasClassName?: string;
    heroClassName?: string;
    contentClassName?: string;
    minHeight?: CssLength;
    palette?: readonly TunnelEffectPageColor[];
    thresholds?: readonly number[];
    speed?: number;
    density?: number;
    twist?: number;
    maxPixelRatio?: number;
    disabled?: boolean;
    paused?: boolean;
    randomizeOnClick?: boolean;
    respectReducedMotion?: boolean;
};
export declare const TunnelEffectPage: ({ title, subtitle, children, ariaLabel, canvasClassName, className, contentClassName, density, disabled, heroClassName, maxPixelRatio, minHeight, onClick, onPointerMove, palette, paused, randomizeOnClick, respectReducedMotion, speed, style, thresholds, twist, ...props }: TunnelEffectPageProps) => import("react/jsx-runtime").JSX.Element;