import * as React from 'react' ; import Icon , { InformationNoSearchResultL } from '@synerise/ds-icon' ; import { Description } from '@synerise/ds-typography' ; import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme' ; import * as S from './EmptyList.style' ; import { TreeMenuTexts } from '../../TreeMenu.types' ; type EmptyListProps = { texts : TreeMenuTexts ; } ; export const EmptyList = ( { texts } ) => { return ( < S . EmptyList > < Icon component = { < InformationNoSearchResultL / > } size = { 48 } color = { theme . palette [ 'grey-600' ] } / > < Description > { texts . noResults } < /Description> < /S.EmptyList>); } ;