Tide Lines

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type TideLinesProps = {  minLines?: number  maxLines?: number  thickness?: number  color?: string  background?: string  curvature?: number  follow?: number  vignette?: number  children?: ReactNode  className?: string}export function TideLines({  minLines = 14,  maxLines = 72,  thickness = 1,  color,  background = 'var(--background)',  curvature = 1,  follow = 1,  vignette = 0.75,  children,  className,}: TideLinesProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}