RocketChat/Rocket.Chat

import { Margins } from '@rocket.chat/fuselage';
import type { ReactElement, ReactNode } from 'react';

import { Surface } from './Surface';

type MessageSurfaceProps = {
  children?: ReactNode;
};

const MessageSurface = ({ children }: MessageSurfaceProps): ReactElement => (
  <Surface type='message'>
    <Margins blockEnd={16}>{children}</Margins>
  </Surface>
);

export default MessageSurface;