tooltip in chakra ui
import { AiFillQuestionCircle } from 'react-icons/ai';
<FormLabel
htmlFor='description'
fontWeight={800}
className='color-paragraph d-flex align-items-center gap-1'
>
<p>Description</p>
<Tooltip
hasArrow
label='Description of the product'
fontSize='sm'
>
<span style={{ display: width > 426 ? 'block' : 'none' }}>
<AiFillQuestionCircle />
</span>
</Tooltip>
</FormLabel>