import type { FC, PropsWithChildren, ReactNode } from 'react'

export type ToolTipContentProps = {
  title?: ReactNode
  action?: ReactNode
} & PropsWithChildren

export const ToolTipContent: FC<ToolTipContentProps> = ({
  title,
  action,
  children,
}) => {
  return (
    <div className="w-[180px]">
      {!!title && (
        <div className="mb-1.5 font-semibold text-text-secondary">{title}</div>
      )}
      <div className="mb-1.5 text-text-tertiary">{children}</div>
      {!!action && <div className="cursor-pointer text-text-accent">{action}</div>}
    </div>
  )
}
