import { Tooltip , Icon } from "@blueprintjs/core" ; import React from "react" ; const Description = ( { description , } ) : React . ReactElement => { return ( < span style = { { marginLeft : 12 , display : "inline-block" , opacity : 0.8 , verticalAlign : "text-bottom" , } } > < Tooltip content = { < span style = { { maxWidth : 400 , display : "inline-block" } } > { description } < /span>}> < Icon icon = { "info-sign" } iconSize = { 12 } / > < /Tooltip> < /span>); } ; export default Description ;