import { Link } from 'react-router-dom' ; import { Tooltip } from 'antd' ; import CopyTooltipText from './CopyTooltipText' ; import { HighLightPanel } from './styled' ; export const HighLightLink = ( { value , to , tooltip , className , } ) => tooltip ? ( < Tooltip placement = "top" title = { < CopyTooltipText content = { tooltip } / > } > < HighLightPanel > < Link className = { `${ className } monospace` } to = { to } > { value } < /Link> < /HighLightPanel> < /Tooltip>) : (<HighLightPanel> < Link className = { `${ className } monospace` } to = { to } > { value } < /Link> < /HighLightPanel>);