Folder card

'use client'import { useEffect, useRef } from 'react'import { cn } from '@/lib/utils'export type FolderCardProps = {  label: ReactNode  description?: ReactNode  code?: ReactNode  tab?: string  children?: ReactNode  href?: string  target?: string  rel?: string  open?: boolean  defaultOpen?: boolean  onOpenChange?: (open: boolean) => void  width?: number  className?: string}export function FolderCard({  label,  description,  code,  tab,  children,  href,  target,  rel,  open,  defaultOpen = false,  onOpenChange,  width = 252,  className,}: FolderCardProps) {  const ref = useRef<HTMLDivElement>(null)  useEffect(() => {    const el = ref.current    if (!el) return  }, [])  return <div ref={ref} className={cn('relative', className)} />}