components/InfoTooltip.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import { InfoOutlineIcon } from '@chakra-ui/icons'
import { Box, Tooltip } from '@chakra-ui/react'
import React from 'react'

export interface InfoTooltipProps {
  infoText?: string | boolean
}
export const InfoTooltip = (props: InfoTooltipProps) => {
  const { infoText } = props
  return (
    <Box paddingLeft="1">
      <Tooltip label={infoText} placement="top" color="gray.100" bg="gray.800" hasArrow>
        <InfoOutlineIcon />
      </Tooltip>
    </Box>
  )
}