import React from 'react' ; import { i18n } from '@osd/i18n' ; import { EuiNavDrawerGroup } from '@elastic/eui' ; import { RecentNavLink } from './nav_link' ; interface Props { recentNavLinks : RecentNavLink [ ] ; } export function RecentLinks ( { recentNavLinks } ) { return ( < EuiNavDrawerGroup listItems = { [ { label : i18n . translate ( 'core.ui.chrome.sideGlobalNav.viewRecentItemsLabel' , { defaultMessage : 'Recently viewed' , } ) , iconType : 'recentlyViewedApp' , isDisabled : recentNavLinks . length === 0 , flyoutMenu : { title : i18n . translate ( 'core.ui.chrome.sideGlobalNav.viewRecentItemsFlyoutTitle' , { defaultMessage : 'Recent items' , } ) , listItems : recentNavLinks , } , } , ] } aria - label = { i18n . translate ( 'core.ui.recentLinks.screenReaderLabel' , { defaultMessage : 'Recently viewed links, navigation' , } ) } />); }