manifold/web/components/info-tooltip.tsx

import { InformationCircleIcon } from '@heroicons/react/outline'
import { Tooltip } from './tooltip'

export function InfoTooltip(props: { text: string }) {
  const { text } = props
  return (
    <Tooltip className="inline-block" text={text}>
      <InformationCircleIcon className="-mb-1 h-5 w-5 text-gray-500" />
    </Tooltip>
  )
}