Weight Field

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type WeightFieldProps = {  text: string  from?: number  to?: number  reach?: number  rampIn?: number  rampOut?: number  align?: 'start' | 'center' | 'end'  as?: ElementType  className?: string}export function WeightField({  text,  from = 200,  to = 900,  reach = 130,  rampIn = 140,  rampOut = 520,  align = 'start',  as = 'span',  className,}: WeightFieldProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}