import { Margins } from '@rocket.chat/fuselage' ; import React , { ReactElement , ReactNode } from 'react' ; import { Surface } from './Surface' ; type BannerSurfaceProps = { children ? : ReactNode ; } ; const BannerSurface = ( { children } ) : ReactElement => ( < Surface type = 'banner' > < Margins block = 'x8' > { children } < /Margins> < /Surface>); export default BannerSurface ;