import type { ReactNode } from 'react'
import { cn } from '../../utils/cn'

type TooltipProps = {
  content: ReactNode
  children: ReactNode
  className?: string
}

export function Tooltip({ content, children, className }: TooltipProps) {
  return (
    <span className={cn('tooltip-wrapper', className)} tabIndex={0}>
      {children}
      <span className="tooltip-box" role="tooltip">
        {content}
      </span>
    </span>
  )
}