Keycap

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type KeycapProps = {  width?: number  legend?: 'center' | 'corner'  latch?: boolean  pressed?: boolean  defaultPressed?: boolean  onPressedChange?: (pressed: boolean) => void  down?: boolean  className?: string}export function Keycap({  width = 72,  legend = 'center',  latch = false,  pressed,  defaultPressed = false,  onPressedChange,  down = false,  className,}: KeycapProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}