import * as React from 'react' ; import Tooltip from '@synerise/ds-tooltip/dist/Tooltip' ; import Icon , { InfoFillS } from '@synerise/ds-icon' ; import * as S from './Header.styles' ; import { HeaderProps } from './Header.types' ; const MenuHeader = ( { headerText , tooltip } ) => { return ( < S . MenuHeader > { headerText } { tooltip && ( < Tooltip type = "default" trigger = "hover" title = { tooltip || headerText } > < S . HeaderIconWrapper > < Icon component = { < InfoFillS />}/ > < /S.HeaderIconWrapper> < /Tooltip>)} < /S.MenuHeader>); } ; export default MenuHeader ;