Slab Tunnel

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type SlabTunnelProps = {  images?: SlabTunnelImage[]  colors?: string[]  background?: string  gridColor?: string  density?: number  fill?: number  imageShare?: number  speed?: number  boost?: number  fade?: number  seed?: number  label?: string | false  pressedLabel?: string  keyboard?: boolean  ariaLabel?: string  style?: CSSProperties  className?: string}export function SlabTunnel({  images,  colors = DEFAULT_COLORS,  background = 'var(--background, #0b0b0d)',  gridColor = 'currentColor',  density = 4,  fill = 0.55,  imageShare = 0.5,  speed = 3,  boost = 4.5,  fade = 0.6,  seed = 7,  label = 'Hold to speed up',  pressedLabel,  keyboard = true,  ariaLabel = 'A tunnel of picture and colour slabs rushing towards you. Hold to speed up.',  style,  className,}: SlabTunnelProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}