import * as React from 'react' ; import Icon , { NoData } from '@synerise/ds-icon' ; import { Text } from '@synerise/ds-typography' ; import * as S from './Placeholder.styles' ; import { PlaceholderType } from './Placeholder.types' ; const Placeholder = ( { text } ) => { return ( < > < S . PlaceholderContainer > < Icon size = { 48 } component = { < NoData / > } /> < br / > < Text size = "medium" > { text } < /Text> < /S.PlaceholderContainer> < />); } ; export default Placeholder ;