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> ) }