import { ReactNode } from 'react' ; import BadAppVersionBanner from './BadAppVersionBanner' ; import DelinquentTopBanner from './DelinquentTopBanner' ; import StorageLimitTopBanner from './StorageLimitTopBanner' ; import OnlineTopBanner from './OnlineTopBanner' ; import SubUserTopBanner from './SubUserTopBanner' ; import DeskopNotificationTopBanner from './DeskopNotificationTopBanner' ; import TimeOutOfSyncTopBanner from './TimeOutOfSyncTopBanner' ; interface Props { children ? : ReactNode ; } const TopBanners = ( { children } ) => { return ( < > < DelinquentTopBanner /> < OnlineTopBanner / > < TimeOutOfSyncTopBanner /> < StorageLimitTopBanner / > < BadAppVersionBanner /> < SubUserTopBanner / > < DeskopNotificationTopBanner /> { children } < />); } ; export default TopBanners ;