RoleTooltip() — supabase Function Reference

Source Code

apps/studio/components/interfaces/QueryPerformance/components/RoleTooltip.tsx lines 11–33

export const RoleTooltip = ({ htmlFor, label, description, className }: RoleTooltipProps) => {
  const labelElement = (
    <label
      htmlFor={htmlFor}
      className={cn('flex items-center gap-x-2 text-xs cursor-pointer', className)}
    >
      <span>{label}</span>
    </label>
  )

  if (!description) {
    return labelElement
  }

  return (
    <Tooltip>
      <TooltipTrigger asChild>{labelElement}</TooltipTrigger>
      <TooltipContent side="right">
        <p className="text-xs max-w-xs">{description}</p>
      </TooltipContent>
    </Tooltip>
  )
}